@charset "UTF-8";
/*
 * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root,
:host {
  --δ1: var(--cds-global-layout-space-xxxs, 0.125rem);
  --δ2: var(--cds-global-layout-space-xxs, 0.25rem);
  --δ3: var(--cds-global-layout-space-xs, 0.5rem);
  --δ4: var(--cds-global-layout-space-sm, 0.75rem);
  --δ5: var(--cds-global-layout-space-md, 1rem);
  --δ6: var(--cds-global-layout-space-lg, 1.5rem);
  --δ7: var(--cds-global-layout-space-xl, 2rem);
  --δ8: var(--cds-global-layout-space-xxl, 3rem);
  --δ9: var(--cds-global-layout-space-xxxl, 4rem);
}

/*
 * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout*="align:fill"] > * {
  flex-grow: 1 !important;
  flex-basis: 0 !important;
}

[cds-layout~="wrap:none"] {
  flex-wrap: nowrap !important;
}

[cds-layout*="align:stretch"] {
  flex-grow: 1 !important;
}

[cds-layout*="align:shrink"] {
  flex-shrink: 1 !important;
  flex-grow: 0 !important;
}

@media (min-width: 576px) {
  [cds-layout*="align@xs:fill"] > * {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@xs:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@xs:stretch"] {
    flex-grow: 1 !important;
  }

  [cds-layout*="align@xs:shrink"] {
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="align@sm:fill"] > * {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@sm:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@sm:stretch"] {
    flex-grow: 1 !important;
  }

  [cds-layout*="align@sm:shrink"] {
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="align@md:fill"] > * {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@md:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@md:stretch"] {
    flex-grow: 1 !important;
  }

  [cds-layout*="align@md:shrink"] {
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="align@lg:fill"] > * {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@lg:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@lg:stretch"] {
    flex-grow: 1 !important;
  }

  [cds-layout*="align@lg:shrink"] {
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="align@xl:fill"] > * {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
  }

  [cds-layout~="wrap@xl:none"] {
    flex-wrap: nowrap !important;
  }

  [cds-layout*="align@xl:stretch"] {
    flex-grow: 1 !important;
  }

  [cds-layout*="align@xl:shrink"] {
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
  }
}
/*
 * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout~=horizontal] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-items: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  min-height: 0;
}
[cds-layout~=horizontal] > [cds-layout~=horizontal],
[cds-layout~=horizontal] > [cds-layout~=vertical],
[cds-layout~=horizontal] > [cds-text] {
  width: initial !important;
}

[cds-layout~=horizontal][cds-layout*="align:top"] {
  align-items: flex-start;
}
[cds-layout~=horizontal][cds-layout*="align:bottom"] {
  align-items: flex-end;
}
[cds-layout~=horizontal][cds-layout*="align:left"] {
  justify-content: flex-start;
}
[cds-layout~=horizontal][cds-layout*="align:right"] {
  justify-content: flex-end;
}
[cds-layout~=horizontal][cds-layout*="align:vertical-center"] {
  align-items: center;
  align-content: center;
}
[cds-layout~=horizontal][cds-layout*="align:horizontal-center"] {
  justify-content: center;
}
[cds-layout~=horizontal][cds-layout*="align:center"] {
  align-items: center;
  align-content: center;
  justify-content: center;
}

[cds-layout~=horizontal][cds-layout*="order:reverse"] {
  flex-direction: row-reverse;
}

[cds-layout~=horizontal][cds-layout*="align:vertical-stretch"] {
  align-items: stretch;
  align-content: stretch;
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"] {
  justify-content: stretch;
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"] > * {
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:stretch"] {
  align-items: stretch;
  align-content: stretch;
  flex-grow: 1;
}
[cds-layout~=horizontal][cds-layout*="align:stretch"] > * {
  flex-grow: 1;
}

[cds-layout~=horizontal] > [cds-layout*="align:center"], [cds-layout~=horizontal] > [cds-layout*="align:vertical-center"] {
  align-self: center;
}
[cds-layout~=horizontal] > [cds-layout*="align:center"], [cds-layout~=horizontal] > [cds-layout*="align:horizontal-center"] {
  margin-left: auto !important;
  margin-right: auto !important;
}
[cds-layout~=horizontal] > [cds-layout*="align:top"] {
  align-self: flex-start;
}
[cds-layout~=horizontal] > [cds-layout*="align:bottom"] {
  align-self: flex-end;
}
[cds-layout~=horizontal] > [cds-layout*="align:right"] {
  margin-left: auto !important;
}
[cds-layout~=horizontal] > [cds-layout*="align:left"] {
  margin-right: auto !important;
}

@media (min-width: 576px) {
  [cds-layout~=horizontal][cds-layout*="align@xs:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@xs:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@xs:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:horizontal-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xs:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@xs:center"], [cds-layout~=horizontal] > [cds-layout*="align@xs:vertical-center"] {
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:center"], [cds-layout~=horizontal] > [cds-layout*="align@xs:horizontal-center"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:top"] {
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:bottom"] {
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:right"] {
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xs:left"] {
    margin-right: auto !important;
  }
}
@media (min-width: 768px) {
  [cds-layout~=horizontal][cds-layout*="align@sm:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@sm:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@sm:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:horizontal-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@sm:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@sm:center"], [cds-layout~=horizontal] > [cds-layout*="align@sm:vertical-center"] {
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:center"], [cds-layout~=horizontal] > [cds-layout*="align@sm:horizontal-center"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:top"] {
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:bottom"] {
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:right"] {
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@sm:left"] {
    margin-right: auto !important;
  }
}
@media (min-width: 992px) {
  [cds-layout~=horizontal][cds-layout*="align@md:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@md:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@md:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:horizontal-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@md:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@md:center"], [cds-layout~=horizontal] > [cds-layout*="align@md:vertical-center"] {
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:center"], [cds-layout~=horizontal] > [cds-layout*="align@md:horizontal-center"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:top"] {
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:bottom"] {
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:right"] {
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@md:left"] {
    margin-right: auto !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout~=horizontal][cds-layout*="align@lg:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@lg:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@lg:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:horizontal-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@lg:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@lg:center"], [cds-layout~=horizontal] > [cds-layout*="align@lg:vertical-center"] {
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:center"], [cds-layout~=horizontal] > [cds-layout*="align@lg:horizontal-center"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:top"] {
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:bottom"] {
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:right"] {
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@lg:left"] {
    margin-right: auto !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout~=horizontal][cds-layout*="align@xl:top"] {
    align-items: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:bottom"] {
    align-items: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:left"] {
    justify-content: flex-start;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:right"] {
    justify-content: flex-end;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:horizontal-center"] {
    justify-content: center;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:center"] {
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  [cds-layout~=horizontal][cds-layout*="order@xl:reverse"] {
    flex-direction: row-reverse;
  }

  [cds-layout~=horizontal][cds-layout*="align@xl:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:horizontal-stretch"] {
    justify-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:horizontal-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:stretch"] {
    align-items: stretch;
    align-content: stretch;
    flex-grow: 1;
  }
  [cds-layout~=horizontal][cds-layout*="align@xl:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=horizontal] > [cds-layout*="align@xl:center"], [cds-layout~=horizontal] > [cds-layout*="align@xl:vertical-center"] {
    align-self: center;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:center"], [cds-layout~=horizontal] > [cds-layout*="align@xl:horizontal-center"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:top"] {
    align-self: flex-start;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:bottom"] {
    align-self: flex-end;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:right"] {
    margin-left: auto !important;
  }
  [cds-layout~=horizontal] > [cds-layout*="align@xl:left"] {
    margin-right: auto !important;
  }
}
/*
 * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout~=vertical] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

[cds-layout~=vertical][cds-layout*="align:top"] {
  justify-content: flex-start;
}
[cds-layout~=vertical][cds-layout*="align:bottom"] {
  justify-content: flex-end;
}
[cds-layout~=vertical][cds-layout*="align:left"] {
  align-items: flex-start;
}
[cds-layout~=vertical][cds-layout*="align:right"] {
  align-items: flex-end;
}
[cds-layout~=vertical][cds-layout*="align:vertical-center"] {
  justify-content: center;
}
[cds-layout~=vertical][cds-layout*="align:horizontal-center"] {
  align-items: center;
}
[cds-layout~=vertical][cds-layout*="align:center"] {
  align-items: center;
  justify-content: center;
}

[cds-layout~=vertical][cds-layout*="order:reverse"] {
  flex-direction: column-reverse;
}

[cds-layout~=vertical][cds-layout*="align:vertical-stretch"] {
  justify-content: stretch;
}
[cds-layout~=vertical][cds-layout*="align:vertical-stretch"] > * {
  flex-grow: 1;
}
[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"] {
  align-items: stretch;
}
[cds-layout~=vertical][cds-layout*="align:stretch"] {
  align-items: stretch;
  justify-content: stretch;
}
[cds-layout~=vertical][cds-layout*="align:stretch"] > * {
  flex-grow: 1;
}

[cds-layout~=vertical] > [cds-layout*="align:center"], [cds-layout~=vertical] > [cds-layout*="align:vertical-center"] {
  margin-top: auto;
  margin-bottom: auto;
}
[cds-layout~=vertical] > [cds-layout*="align:center"], [cds-layout~=vertical] > [cds-layout*="align:horizontal-center"] {
  align-self: center;
}
[cds-layout~=vertical] > [cds-layout*="align:top"] {
  margin-bottom: auto !important;
}
[cds-layout~=vertical] > [cds-layout*="align:bottom"] {
  margin-top: auto !important;
}
[cds-layout~=vertical] > [cds-layout*="align:right"] {
  margin-left: auto;
}
[cds-layout~=vertical] > [cds-layout*="align:left"] {
  margin-right: auto;
}

@media (min-width: 576px) {
  [cds-layout~=vertical][cds-layout*="align@xs:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@xs:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@xs:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:vertical-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xs:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@xs:center"], [cds-layout~=vertical] > [cds-layout*="align@xs:vertical-center"] {
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:center"], [cds-layout~=vertical] > [cds-layout*="align@xs:horizontal-center"] {
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:top"] {
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:bottom"] {
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:right"] {
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xs:left"] {
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  [cds-layout~=vertical][cds-layout*="align@sm:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@sm:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@sm:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:vertical-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@sm:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@sm:center"], [cds-layout~=vertical] > [cds-layout*="align@sm:vertical-center"] {
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:center"], [cds-layout~=vertical] > [cds-layout*="align@sm:horizontal-center"] {
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:top"] {
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:bottom"] {
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:right"] {
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@sm:left"] {
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  [cds-layout~=vertical][cds-layout*="align@md:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@md:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@md:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@md:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@md:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@md:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@md:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@md:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@md:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@md:vertical-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@md:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@md:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@md:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@md:center"], [cds-layout~=vertical] > [cds-layout*="align@md:vertical-center"] {
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:center"], [cds-layout~=vertical] > [cds-layout*="align@md:horizontal-center"] {
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:top"] {
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:bottom"] {
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:right"] {
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@md:left"] {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  [cds-layout~=vertical][cds-layout*="align@lg:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@lg:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@lg:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:vertical-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@lg:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@lg:center"], [cds-layout~=vertical] > [cds-layout*="align@lg:vertical-center"] {
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:center"], [cds-layout~=vertical] > [cds-layout*="align@lg:horizontal-center"] {
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:top"] {
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:bottom"] {
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:right"] {
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@lg:left"] {
    margin-right: auto;
  }
}
@media (min-width: 1440px) {
  [cds-layout~=vertical][cds-layout*="align@xl:top"] {
    justify-content: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:bottom"] {
    justify-content: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:left"] {
    align-items: flex-start;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:right"] {
    align-items: flex-end;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:vertical-center"] {
    justify-content: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:horizontal-center"] {
    align-items: center;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:center"] {
    align-items: center;
    justify-content: center;
  }

  [cds-layout~=vertical][cds-layout*="order@xl:reverse"] {
    flex-direction: column-reverse;
  }

  [cds-layout~=vertical][cds-layout*="align@xl:vertical-stretch"] {
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:vertical-stretch"] > * {
    flex-grow: 1;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:horizontal-stretch"] {
    align-items: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:stretch"] {
    align-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=vertical][cds-layout*="align@xl:stretch"] > * {
    flex-grow: 1;
  }

  [cds-layout~=vertical] > [cds-layout*="align@xl:center"], [cds-layout~=vertical] > [cds-layout*="align@xl:vertical-center"] {
    margin-top: auto;
    margin-bottom: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:center"], [cds-layout~=vertical] > [cds-layout*="align@xl:horizontal-center"] {
    align-self: center;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:top"] {
    margin-bottom: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:bottom"] {
    margin-top: auto !important;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:right"] {
    margin-left: auto;
  }
  [cds-layout~=vertical] > [cds-layout*="align@xl:left"] {
    margin-right: auto;
  }
}
/*
 * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout~=grid] {
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: repeat(var(--cds-global-layout-grid-cols, 12), 1fr);
  width: 100%;
}
[cds-layout~=grid][cds-layout*=rows] {
  grid-template-rows: repeat(12, auto);
}
[cds-layout~=grid] > [cds-layout*=row] {
  align-self: stretch;
}
[cds-layout~=grid][cds-layout*="cols:auto"] {
  grid-auto-flow: column;
  grid-template-columns: initial;
}

[cds-layout*="cols@"] > * {
  grid-column: span var(--cds-global-layout-grid-cols, 12);
}

[cds-layout*="col@"] {
  grid-column: span 12;
}

[cds-layout*="cols:1"] > * {
  grid-column: span 1/span 1;
}

[cds-layout*="rows:1"] > * {
  grid-row: span 1/span 1;
}

[cds-layout*="cols:2"] > * {
  grid-column: span 2/span 2;
}

[cds-layout*="rows:2"] > * {
  grid-row: span 2/span 2;
}

[cds-layout*="cols:3"] > * {
  grid-column: span 3/span 3;
}

[cds-layout*="rows:3"] > * {
  grid-row: span 3/span 3;
}

[cds-layout*="cols:4"] > * {
  grid-column: span 4/span 4;
}

[cds-layout*="rows:4"] > * {
  grid-row: span 4/span 4;
}

[cds-layout*="cols:5"] > * {
  grid-column: span 5/span 5;
}

[cds-layout*="rows:5"] > * {
  grid-row: span 5/span 5;
}

[cds-layout*="cols:6"] > * {
  grid-column: span 6/span 6;
}

[cds-layout*="rows:6"] > * {
  grid-row: span 6/span 6;
}

[cds-layout*="cols:7"] > * {
  grid-column: span 7/span 7;
}

[cds-layout*="rows:7"] > * {
  grid-row: span 7/span 7;
}

[cds-layout*="cols:8"] > * {
  grid-column: span 8/span 8;
}

[cds-layout*="rows:8"] > * {
  grid-row: span 8/span 8;
}

[cds-layout*="cols:9"] > * {
  grid-column: span 9/span 9;
}

[cds-layout*="rows:9"] > * {
  grid-row: span 9/span 9;
}

[cds-layout*="cols:10"] > * {
  grid-column: span 10/span 10;
}

[cds-layout*="rows:10"] > * {
  grid-row: span 10/span 10;
}

[cds-layout*="cols:11"] > * {
  grid-column: span 11/span 11;
}

[cds-layout*="rows:11"] > * {
  grid-row: span 11/span 11;
}

[cds-layout*="cols:12"] > * {
  grid-column: span 12/span 12;
}

[cds-layout*="rows:12"] > * {
  grid-row: span 12/span 12;
}

[cds-layout*="col:1"] {
  grid-column: span 1/span 1 !important;
}

[cds-layout*="row:1"] {
  grid-row: span 1/span 1 !important;
}

[cds-layout*="col:2"] {
  grid-column: span 2/span 2 !important;
}

[cds-layout*="row:2"] {
  grid-row: span 2/span 2 !important;
}

[cds-layout*="col:3"] {
  grid-column: span 3/span 3 !important;
}

[cds-layout*="row:3"] {
  grid-row: span 3/span 3 !important;
}

[cds-layout*="col:4"] {
  grid-column: span 4/span 4 !important;
}

[cds-layout*="row:4"] {
  grid-row: span 4/span 4 !important;
}

[cds-layout*="col:5"] {
  grid-column: span 5/span 5 !important;
}

[cds-layout*="row:5"] {
  grid-row: span 5/span 5 !important;
}

[cds-layout*="col:6"] {
  grid-column: span 6/span 6 !important;
}

[cds-layout*="row:6"] {
  grid-row: span 6/span 6 !important;
}

[cds-layout*="col:7"] {
  grid-column: span 7/span 7 !important;
}

[cds-layout*="row:7"] {
  grid-row: span 7/span 7 !important;
}

[cds-layout*="col:8"] {
  grid-column: span 8/span 8 !important;
}

[cds-layout*="row:8"] {
  grid-row: span 8/span 8 !important;
}

[cds-layout*="col:9"] {
  grid-column: span 9/span 9 !important;
}

[cds-layout*="row:9"] {
  grid-row: span 9/span 9 !important;
}

[cds-layout*="col:10"] {
  grid-column: span 10/span 10 !important;
}

[cds-layout*="row:10"] {
  grid-row: span 10/span 10 !important;
}

[cds-layout*="col:11"] {
  grid-column: span 11/span 11 !important;
}

[cds-layout*="row:11"] {
  grid-row: span 11/span 11 !important;
}

[cds-layout*="col:12"] {
  grid-column: span 12/span 12 !important;
}

[cds-layout*="row:12"] {
  grid-row: span 12/span 12 !important;
}

[cds-layout*="col:start-1"] {
  grid-column-start: 1 !important;
}

[cds-layout*="col:end-1"] {
  grid-column-end: 1 !important;
}

[cds-layout*="row:start-1"] {
  grid-row-start: 1 !important;
}

[cds-layout*="row:end-1"] {
  grid-row-end: 1 !important;
}

[cds-layout*="col:start-2"] {
  grid-column-start: 2 !important;
}

[cds-layout*="col:end-2"] {
  grid-column-end: 2 !important;
}

[cds-layout*="row:start-2"] {
  grid-row-start: 2 !important;
}

[cds-layout*="row:end-2"] {
  grid-row-end: 2 !important;
}

[cds-layout*="col:start-3"] {
  grid-column-start: 3 !important;
}

[cds-layout*="col:end-3"] {
  grid-column-end: 3 !important;
}

[cds-layout*="row:start-3"] {
  grid-row-start: 3 !important;
}

[cds-layout*="row:end-3"] {
  grid-row-end: 3 !important;
}

[cds-layout*="col:start-4"] {
  grid-column-start: 4 !important;
}

[cds-layout*="col:end-4"] {
  grid-column-end: 4 !important;
}

[cds-layout*="row:start-4"] {
  grid-row-start: 4 !important;
}

[cds-layout*="row:end-4"] {
  grid-row-end: 4 !important;
}

[cds-layout*="col:start-5"] {
  grid-column-start: 5 !important;
}

[cds-layout*="col:end-5"] {
  grid-column-end: 5 !important;
}

[cds-layout*="row:start-5"] {
  grid-row-start: 5 !important;
}

[cds-layout*="row:end-5"] {
  grid-row-end: 5 !important;
}

[cds-layout*="col:start-6"] {
  grid-column-start: 6 !important;
}

[cds-layout*="col:end-6"] {
  grid-column-end: 6 !important;
}

[cds-layout*="row:start-6"] {
  grid-row-start: 6 !important;
}

[cds-layout*="row:end-6"] {
  grid-row-end: 6 !important;
}

[cds-layout*="col:start-7"] {
  grid-column-start: 7 !important;
}

[cds-layout*="col:end-7"] {
  grid-column-end: 7 !important;
}

[cds-layout*="row:start-7"] {
  grid-row-start: 7 !important;
}

[cds-layout*="row:end-7"] {
  grid-row-end: 7 !important;
}

[cds-layout*="col:start-8"] {
  grid-column-start: 8 !important;
}

[cds-layout*="col:end-8"] {
  grid-column-end: 8 !important;
}

[cds-layout*="row:start-8"] {
  grid-row-start: 8 !important;
}

[cds-layout*="row:end-8"] {
  grid-row-end: 8 !important;
}

[cds-layout*="col:start-9"] {
  grid-column-start: 9 !important;
}

[cds-layout*="col:end-9"] {
  grid-column-end: 9 !important;
}

[cds-layout*="row:start-9"] {
  grid-row-start: 9 !important;
}

[cds-layout*="row:end-9"] {
  grid-row-end: 9 !important;
}

[cds-layout*="col:start-10"] {
  grid-column-start: 10 !important;
}

[cds-layout*="col:end-10"] {
  grid-column-end: 10 !important;
}

[cds-layout*="row:start-10"] {
  grid-row-start: 10 !important;
}

[cds-layout*="row:end-10"] {
  grid-row-end: 10 !important;
}

[cds-layout*="col:start-11"] {
  grid-column-start: 11 !important;
}

[cds-layout*="col:end-11"] {
  grid-column-end: 11 !important;
}

[cds-layout*="row:start-11"] {
  grid-row-start: 11 !important;
}

[cds-layout*="row:end-11"] {
  grid-row-end: 11 !important;
}

[cds-layout*="col:start-12"] {
  grid-column-start: 12 !important;
}

[cds-layout*="col:end-12"] {
  grid-column-end: 12 !important;
}

[cds-layout*="row:start-12"] {
  grid-row-start: 12 !important;
}

[cds-layout*="row:end-12"] {
  grid-row-end: 12 !important;
}

[cds-layout*="col:start-13"] {
  grid-column-start: 13 !important;
}

[cds-layout*="col:end-13"] {
  grid-column-end: 13 !important;
}

[cds-layout*="row:start-13"] {
  grid-row-start: 13 !important;
}

[cds-layout*="row:end-13"] {
  grid-row-end: 13 !important;
}

[cds-layout~=grid][cds-layout*="align:top"] {
  align-content: start;
}
[cds-layout~=grid][cds-layout*="align:right"] {
  justify-content: end;
}
[cds-layout~=grid][cds-layout*="align:bottom"] {
  align-content: end;
}
[cds-layout~=grid][cds-layout*="align:left"] {
  justify-content: start;
}
[cds-layout~=grid][cds-layout*="align:vertical-stretch"] {
  align-items: stretch;
  align-content: stretch;
}
[cds-layout~=grid][cds-layout*="align:horizontal-stretch"] {
  justify-items: stretch;
  justify-content: stretch;
}
[cds-layout~=grid][cds-layout*="align:stretch"] {
  align-items: stretch;
  align-content: stretch;
  justify-items: stretch;
  justify-content: stretch;
}
[cds-layout~=grid][cds-layout*="align:vertical-center"] {
  align-items: center;
  align-content: center;
}
[cds-layout~=grid][cds-layout*="align:horizontal-center"] {
  justify-items: center;
  justify-content: center;
}
[cds-layout~=grid][cds-layout*="align:center"] {
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
}

@media (min-width: 576px) {
  [cds-layout*="cols@xs:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@xs:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@xs:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@xs:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@xs:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@xs:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@xs:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@xs:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@xs:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@xs:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@xs:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@xs:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@xs:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@xs:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@xs:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@xs:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@xs:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@xs:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@xs:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@xs:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@xs:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@xs:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@xs:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@xs:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 768px) {
  [cds-layout*="cols@sm:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@sm:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@sm:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@sm:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@sm:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@sm:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@sm:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@sm:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@sm:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@sm:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@sm:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@sm:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@sm:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@sm:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@sm:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@sm:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@sm:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@sm:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@sm:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@sm:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@sm:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@sm:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@sm:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@sm:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 992px) {
  [cds-layout*="cols@md:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@md:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@md:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@md:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@md:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@md:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@md:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@md:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@md:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@md:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@md:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@md:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@md:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@md:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@md:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@md:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@md:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@md:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@md:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@md:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@md:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@md:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@md:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@md:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="cols@lg:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@lg:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@lg:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@lg:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@lg:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@lg:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@lg:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@lg:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@lg:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@lg:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@lg:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@lg:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@lg:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@lg:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@lg:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@lg:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@lg:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@lg:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@lg:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@lg:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@lg:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@lg:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@lg:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@lg:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="cols@xl:1"] > * {
    grid-column: span 1/span 1;
  }

  [cds-layout*="rows@xl:1"] > * {
    grid-row: span 1/span 1;
  }

  [cds-layout*="cols@xl:2"] > * {
    grid-column: span 2/span 2;
  }

  [cds-layout*="rows@xl:2"] > * {
    grid-row: span 2/span 2;
  }

  [cds-layout*="cols@xl:3"] > * {
    grid-column: span 3/span 3;
  }

  [cds-layout*="rows@xl:3"] > * {
    grid-row: span 3/span 3;
  }

  [cds-layout*="cols@xl:4"] > * {
    grid-column: span 4/span 4;
  }

  [cds-layout*="rows@xl:4"] > * {
    grid-row: span 4/span 4;
  }

  [cds-layout*="cols@xl:5"] > * {
    grid-column: span 5/span 5;
  }

  [cds-layout*="rows@xl:5"] > * {
    grid-row: span 5/span 5;
  }

  [cds-layout*="cols@xl:6"] > * {
    grid-column: span 6/span 6;
  }

  [cds-layout*="rows@xl:6"] > * {
    grid-row: span 6/span 6;
  }

  [cds-layout*="cols@xl:7"] > * {
    grid-column: span 7/span 7;
  }

  [cds-layout*="rows@xl:7"] > * {
    grid-row: span 7/span 7;
  }

  [cds-layout*="cols@xl:8"] > * {
    grid-column: span 8/span 8;
  }

  [cds-layout*="rows@xl:8"] > * {
    grid-row: span 8/span 8;
  }

  [cds-layout*="cols@xl:9"] > * {
    grid-column: span 9/span 9;
  }

  [cds-layout*="rows@xl:9"] > * {
    grid-row: span 9/span 9;
  }

  [cds-layout*="cols@xl:10"] > * {
    grid-column: span 10/span 10;
  }

  [cds-layout*="rows@xl:10"] > * {
    grid-row: span 10/span 10;
  }

  [cds-layout*="cols@xl:11"] > * {
    grid-column: span 11/span 11;
  }

  [cds-layout*="rows@xl:11"] > * {
    grid-row: span 11/span 11;
  }

  [cds-layout*="cols@xl:12"] > * {
    grid-column: span 12/span 12;
  }

  [cds-layout*="rows@xl:12"] > * {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 576px) {
  [cds-layout*="col@xs:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@xs:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@xs:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@xs:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@xs:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@xs:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@xs:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@xs:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@xs:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@xs:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@xs:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@xs:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@xs:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@xs:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@xs:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@xs:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@xs:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@xs:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@xs:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@xs:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@xs:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@xs:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@xs:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@xs:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="col@sm:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@sm:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@sm:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@sm:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@sm:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@sm:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@sm:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@sm:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@sm:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@sm:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@sm:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@sm:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@sm:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@sm:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@sm:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@sm:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@sm:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@sm:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@sm:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@sm:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@sm:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@sm:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@sm:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@sm:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="col@md:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@md:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@md:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@md:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@md:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@md:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@md:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@md:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@md:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@md:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@md:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@md:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@md:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@md:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@md:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@md:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@md:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@md:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@md:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@md:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@md:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@md:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@md:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@md:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="col@lg:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@lg:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@lg:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@lg:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@lg:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@lg:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@lg:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@lg:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@lg:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@lg:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@lg:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@lg:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@lg:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@lg:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@lg:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@lg:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@lg:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@lg:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@lg:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@lg:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@lg:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@lg:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@lg:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@lg:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="col@xl:1"] {
    grid-column: span 1/span 1 !important;
  }

  [cds-layout*="row@xl:1"] {
    grid-row: span 1/span 1 !important;
  }

  [cds-layout*="col@xl:2"] {
    grid-column: span 2/span 2 !important;
  }

  [cds-layout*="row@xl:2"] {
    grid-row: span 2/span 2 !important;
  }

  [cds-layout*="col@xl:3"] {
    grid-column: span 3/span 3 !important;
  }

  [cds-layout*="row@xl:3"] {
    grid-row: span 3/span 3 !important;
  }

  [cds-layout*="col@xl:4"] {
    grid-column: span 4/span 4 !important;
  }

  [cds-layout*="row@xl:4"] {
    grid-row: span 4/span 4 !important;
  }

  [cds-layout*="col@xl:5"] {
    grid-column: span 5/span 5 !important;
  }

  [cds-layout*="row@xl:5"] {
    grid-row: span 5/span 5 !important;
  }

  [cds-layout*="col@xl:6"] {
    grid-column: span 6/span 6 !important;
  }

  [cds-layout*="row@xl:6"] {
    grid-row: span 6/span 6 !important;
  }

  [cds-layout*="col@xl:7"] {
    grid-column: span 7/span 7 !important;
  }

  [cds-layout*="row@xl:7"] {
    grid-row: span 7/span 7 !important;
  }

  [cds-layout*="col@xl:8"] {
    grid-column: span 8/span 8 !important;
  }

  [cds-layout*="row@xl:8"] {
    grid-row: span 8/span 8 !important;
  }

  [cds-layout*="col@xl:9"] {
    grid-column: span 9/span 9 !important;
  }

  [cds-layout*="row@xl:9"] {
    grid-row: span 9/span 9 !important;
  }

  [cds-layout*="col@xl:10"] {
    grid-column: span 10/span 10 !important;
  }

  [cds-layout*="row@xl:10"] {
    grid-row: span 10/span 10 !important;
  }

  [cds-layout*="col@xl:11"] {
    grid-column: span 11/span 11 !important;
  }

  [cds-layout*="row@xl:11"] {
    grid-row: span 11/span 11 !important;
  }

  [cds-layout*="col@xl:12"] {
    grid-column: span 12/span 12 !important;
  }

  [cds-layout*="row@xl:12"] {
    grid-row: span 12/span 12 !important;
  }
}
@media (min-width: 576px) {
  [cds-layout*="col@xs:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@xs:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@xs:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@xs:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@xs:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@xs:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@xs:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@xs:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@xs:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@xs:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@xs:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@xs:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@xs:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@xs:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@xs:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@xs:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@xs:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@xs:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@xs:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@xs:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@xs:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@xs:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@xs:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@xs:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@xs:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@xs:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@xs:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@xs:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@xs:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@xs:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@xs:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@xs:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@xs:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@xs:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@xs:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@xs:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@xs:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@xs:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@xs:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@xs:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@xs:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@xs:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@xs:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@xs:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@xs:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@xs:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@xs:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@xs:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@xs:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@xs:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@xs:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@xs:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="col@sm:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@sm:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@sm:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@sm:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@sm:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@sm:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@sm:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@sm:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@sm:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@sm:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@sm:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@sm:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@sm:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@sm:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@sm:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@sm:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@sm:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@sm:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@sm:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@sm:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@sm:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@sm:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@sm:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@sm:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@sm:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@sm:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@sm:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@sm:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@sm:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@sm:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@sm:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@sm:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@sm:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@sm:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@sm:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@sm:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@sm:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@sm:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@sm:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@sm:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@sm:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@sm:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@sm:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@sm:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@sm:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@sm:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@sm:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@sm:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@sm:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@sm:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@sm:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@sm:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="col@md:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@md:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@md:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@md:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@md:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@md:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@md:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@md:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@md:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@md:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@md:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@md:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@md:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@md:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@md:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@md:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@md:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@md:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@md:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@md:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@md:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@md:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@md:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@md:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@md:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@md:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@md:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@md:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@md:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@md:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@md:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@md:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@md:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@md:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@md:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@md:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@md:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@md:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@md:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@md:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@md:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@md:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@md:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@md:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@md:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@md:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@md:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@md:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@md:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@md:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@md:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@md:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="col@lg:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@lg:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@lg:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@lg:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@lg:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@lg:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@lg:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@lg:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@lg:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@lg:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@lg:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@lg:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@lg:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@lg:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@lg:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@lg:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@lg:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@lg:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@lg:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@lg:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@lg:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@lg:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@lg:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@lg:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@lg:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@lg:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@lg:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@lg:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@lg:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@lg:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@lg:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@lg:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@lg:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@lg:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@lg:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@lg:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@lg:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@lg:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@lg:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@lg:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@lg:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@lg:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@lg:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@lg:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@lg:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@lg:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@lg:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@lg:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@lg:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@lg:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@lg:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@lg:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="col@xl:start-1"] {
    grid-column-start: 1 !important;
  }

  [cds-layout*="col@xl:end-1"] {
    grid-column-end: 1 !important;
  }

  [cds-layout*="row@xl:start-1"] {
    grid-row-start: 1 !important;
  }

  [cds-layout*="row@xl:end-1"] {
    grid-row-end: 1 !important;
  }

  [cds-layout*="col@xl:start-2"] {
    grid-column-start: 2 !important;
  }

  [cds-layout*="col@xl:end-2"] {
    grid-column-end: 2 !important;
  }

  [cds-layout*="row@xl:start-2"] {
    grid-row-start: 2 !important;
  }

  [cds-layout*="row@xl:end-2"] {
    grid-row-end: 2 !important;
  }

  [cds-layout*="col@xl:start-3"] {
    grid-column-start: 3 !important;
  }

  [cds-layout*="col@xl:end-3"] {
    grid-column-end: 3 !important;
  }

  [cds-layout*="row@xl:start-3"] {
    grid-row-start: 3 !important;
  }

  [cds-layout*="row@xl:end-3"] {
    grid-row-end: 3 !important;
  }

  [cds-layout*="col@xl:start-4"] {
    grid-column-start: 4 !important;
  }

  [cds-layout*="col@xl:end-4"] {
    grid-column-end: 4 !important;
  }

  [cds-layout*="row@xl:start-4"] {
    grid-row-start: 4 !important;
  }

  [cds-layout*="row@xl:end-4"] {
    grid-row-end: 4 !important;
  }

  [cds-layout*="col@xl:start-5"] {
    grid-column-start: 5 !important;
  }

  [cds-layout*="col@xl:end-5"] {
    grid-column-end: 5 !important;
  }

  [cds-layout*="row@xl:start-5"] {
    grid-row-start: 5 !important;
  }

  [cds-layout*="row@xl:end-5"] {
    grid-row-end: 5 !important;
  }

  [cds-layout*="col@xl:start-6"] {
    grid-column-start: 6 !important;
  }

  [cds-layout*="col@xl:end-6"] {
    grid-column-end: 6 !important;
  }

  [cds-layout*="row@xl:start-6"] {
    grid-row-start: 6 !important;
  }

  [cds-layout*="row@xl:end-6"] {
    grid-row-end: 6 !important;
  }

  [cds-layout*="col@xl:start-7"] {
    grid-column-start: 7 !important;
  }

  [cds-layout*="col@xl:end-7"] {
    grid-column-end: 7 !important;
  }

  [cds-layout*="row@xl:start-7"] {
    grid-row-start: 7 !important;
  }

  [cds-layout*="row@xl:end-7"] {
    grid-row-end: 7 !important;
  }

  [cds-layout*="col@xl:start-8"] {
    grid-column-start: 8 !important;
  }

  [cds-layout*="col@xl:end-8"] {
    grid-column-end: 8 !important;
  }

  [cds-layout*="row@xl:start-8"] {
    grid-row-start: 8 !important;
  }

  [cds-layout*="row@xl:end-8"] {
    grid-row-end: 8 !important;
  }

  [cds-layout*="col@xl:start-9"] {
    grid-column-start: 9 !important;
  }

  [cds-layout*="col@xl:end-9"] {
    grid-column-end: 9 !important;
  }

  [cds-layout*="row@xl:start-9"] {
    grid-row-start: 9 !important;
  }

  [cds-layout*="row@xl:end-9"] {
    grid-row-end: 9 !important;
  }

  [cds-layout*="col@xl:start-10"] {
    grid-column-start: 10 !important;
  }

  [cds-layout*="col@xl:end-10"] {
    grid-column-end: 10 !important;
  }

  [cds-layout*="row@xl:start-10"] {
    grid-row-start: 10 !important;
  }

  [cds-layout*="row@xl:end-10"] {
    grid-row-end: 10 !important;
  }

  [cds-layout*="col@xl:start-11"] {
    grid-column-start: 11 !important;
  }

  [cds-layout*="col@xl:end-11"] {
    grid-column-end: 11 !important;
  }

  [cds-layout*="row@xl:start-11"] {
    grid-row-start: 11 !important;
  }

  [cds-layout*="row@xl:end-11"] {
    grid-row-end: 11 !important;
  }

  [cds-layout*="col@xl:start-12"] {
    grid-column-start: 12 !important;
  }

  [cds-layout*="col@xl:end-12"] {
    grid-column-end: 12 !important;
  }

  [cds-layout*="row@xl:start-12"] {
    grid-row-start: 12 !important;
  }

  [cds-layout*="row@xl:end-12"] {
    grid-row-end: 12 !important;
  }

  [cds-layout*="col@xl:start-13"] {
    grid-column-start: 13 !important;
  }

  [cds-layout*="col@xl:end-13"] {
    grid-column-end: 13 !important;
  }

  [cds-layout*="row@xl:start-13"] {
    grid-row-start: 13 !important;
  }

  [cds-layout*="row@xl:end-13"] {
    grid-row-end: 13 !important;
  }
}
@media (min-width: 576px) {
  [cds-layout~=grid][cds-layout*="align@xs:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xs:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xs:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xs:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xs:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xs:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xs:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xs:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xs:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xs:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  [cds-layout~=grid][cds-layout*="align@sm:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@sm:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@sm:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@sm:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@sm:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@sm:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@sm:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@sm:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@sm:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@sm:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  [cds-layout~=grid][cds-layout*="align@md:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@md:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@md:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@md:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@md:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@md:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@md:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@md:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@md:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@md:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  [cds-layout~=grid][cds-layout*="align@lg:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@lg:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@lg:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@lg:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@lg:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@lg:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@lg:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@lg:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@lg:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@lg:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  [cds-layout~=grid][cds-layout*="align@xl:top"] {
    align-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xl:right"] {
    justify-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xl:bottom"] {
    align-content: end;
  }
  [cds-layout~=grid][cds-layout*="align@xl:left"] {
    justify-content: start;
  }
  [cds-layout~=grid][cds-layout*="align@xl:vertical-stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xl:horizontal-stretch"] {
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xl:stretch"] {
    align-items: stretch;
    align-content: stretch;
    justify-items: stretch;
    justify-content: stretch;
  }
  [cds-layout~=grid][cds-layout*="align@xl:vertical-center"] {
    align-items: center;
    align-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xl:horizontal-center"] {
    justify-items: center;
    justify-content: center;
  }
  [cds-layout~=grid][cds-layout*="align@xl:center"] {
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
  }
}
/*
 * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout~="display:none"] {
  display: none !important;
}

[cds-layout~="display:flex"] {
  display: flex !important;
}

[cds-layout~="display:contents"] {
  display: contents !important;
}

[cds-layout~="display:block"] {
  display: block !important;
}

[cds-layout~="display:inline"] {
  display: inline !important;
}

@media (min-width: 768px) {
  [cds-layout~="display@sm:none"] {
    display: none !important;
  }

  [cds-layout~="display@sm:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@sm:block"] {
    display: block !important;
  }

  [cds-layout~="display@sm:inline"] {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  [cds-layout~="display@md:none"] {
    display: none !important;
  }

  [cds-layout~="display@md:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@md:block"] {
    display: block !important;
  }

  [cds-layout~="display@md:inline"] {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout~="display@lg:none"] {
    display: none !important;
  }

  [cds-layout~="display@lg:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@lg:block"] {
    display: block !important;
  }

  [cds-layout~="display@lg:inline"] {
    display: inline !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout~="display@xl:none"] {
    display: none !important;
  }

  [cds-layout~="display@xl:flex"] {
    display: flex !important;
  }

  [cds-layout~="display@xl:block"] {
    display: block !important;
  }

  [cds-layout~="display@xl:inline"] {
    display: inline !important;
  }
}
::slotted([cds-layout~="display:screen-reader-only"]),
[cds-layout~="display:screen-reader-only"] {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  left: 0;
  display: block !important;
}

/*
 * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout*="gap:none"] {
  gap: 0;
}

[cds-layout*="gap:xxxs"] {
  gap: var(--δ1);
}

[cds-layout*="gap:xxs"] {
  gap: var(--δ2);
}

[cds-layout*="gap:xs"] {
  gap: var(--δ3);
}

[cds-layout*="gap:sm"] {
  gap: var(--δ4);
}

[cds-layout*="gap:md"] {
  gap: var(--δ5);
}

[cds-layout*="gap:lg"] {
  gap: var(--δ6);
}

[cds-layout*="gap:xl"] {
  gap: var(--δ7);
}

[cds-layout*="gap:xxl"] {
  gap: var(--δ8);
}

[cds-layout*="gap:xxxl"] {
  gap: var(--δ9);
}

[cds-layout~="p:none"] {
  padding: 0 !important;
}

[cds-layout~="m:none"] {
  margin: 0 !important;
}

[cds-layout~="p:xxxs"] {
  padding: var(--δ1) !important;
}

[cds-layout~="m:xxxs"] {
  margin: var(--δ1) !important;
}

[cds-layout~="p:xxs"] {
  padding: var(--δ2) !important;
}

[cds-layout~="m:xxs"] {
  margin: var(--δ2) !important;
}

[cds-layout~="p:xs"] {
  padding: var(--δ3) !important;
}

[cds-layout~="m:xs"] {
  margin: var(--δ3) !important;
}

[cds-layout~="p:sm"] {
  padding: var(--δ4) !important;
}

[cds-layout~="m:sm"] {
  margin: var(--δ4) !important;
}

[cds-layout~="p:md"] {
  padding: var(--δ5) !important;
}

[cds-layout~="m:md"] {
  margin: var(--δ5) !important;
}

[cds-layout~="p:lg"] {
  padding: var(--δ6) !important;
}

[cds-layout~="m:lg"] {
  margin: var(--δ6) !important;
}

[cds-layout~="p:xl"] {
  padding: var(--δ7) !important;
}

[cds-layout~="m:xl"] {
  margin: var(--δ7) !important;
}

[cds-layout~="p:xxl"] {
  padding: var(--δ8) !important;
}

[cds-layout~="m:xxl"] {
  margin: var(--δ8) !important;
}

[cds-layout~="p:xxxl"] {
  padding: var(--δ9) !important;
}

[cds-layout~="m:xxxl"] {
  margin: var(--δ9) !important;
}

[cds-layout~="p-x:none"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[cds-layout~="p-y:none"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

[cds-layout~="p-x:xxxs"] {
  padding-left: var(--δ1) !important;
  padding-right: var(--δ1) !important;
}

[cds-layout~="p-y:xxxs"] {
  padding-top: var(--δ1) !important;
  padding-bottom: var(--δ1) !important;
}

[cds-layout~="p-x:xxs"] {
  padding-left: var(--δ2) !important;
  padding-right: var(--δ2) !important;
}

[cds-layout~="p-y:xxs"] {
  padding-top: var(--δ2) !important;
  padding-bottom: var(--δ2) !important;
}

[cds-layout~="p-x:xs"] {
  padding-left: var(--δ3) !important;
  padding-right: var(--δ3) !important;
}

[cds-layout~="p-y:xs"] {
  padding-top: var(--δ3) !important;
  padding-bottom: var(--δ3) !important;
}

[cds-layout~="p-x:sm"] {
  padding-left: var(--δ4) !important;
  padding-right: var(--δ4) !important;
}

[cds-layout~="p-y:sm"] {
  padding-top: var(--δ4) !important;
  padding-bottom: var(--δ4) !important;
}

[cds-layout~="p-x:md"] {
  padding-left: var(--δ5) !important;
  padding-right: var(--δ5) !important;
}

[cds-layout~="p-y:md"] {
  padding-top: var(--δ5) !important;
  padding-bottom: var(--δ5) !important;
}

[cds-layout~="p-x:lg"] {
  padding-left: var(--δ6) !important;
  padding-right: var(--δ6) !important;
}

[cds-layout~="p-y:lg"] {
  padding-top: var(--δ6) !important;
  padding-bottom: var(--δ6) !important;
}

[cds-layout~="p-x:xl"] {
  padding-left: var(--δ7) !important;
  padding-right: var(--δ7) !important;
}

[cds-layout~="p-y:xl"] {
  padding-top: var(--δ7) !important;
  padding-bottom: var(--δ7) !important;
}

[cds-layout~="p-x:xxl"] {
  padding-left: var(--δ8) !important;
  padding-right: var(--δ8) !important;
}

[cds-layout~="p-y:xxl"] {
  padding-top: var(--δ8) !important;
  padding-bottom: var(--δ8) !important;
}

[cds-layout~="p-x:xxxl"] {
  padding-left: var(--δ9) !important;
  padding-right: var(--δ9) !important;
}

[cds-layout~="p-y:xxxl"] {
  padding-top: var(--δ9) !important;
  padding-bottom: var(--δ9) !important;
}

[cds-layout~="m-x:none"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[cds-layout~="m-y:none"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[cds-layout~="m-x:xxxs"] {
  margin-left: var(--δ1) !important;
  margin-right: var(--δ1) !important;
}

[cds-layout~="m-y:xxxs"] {
  margin-top: var(--δ1) !important;
  margin-bottom: var(--δ1) !important;
}

[cds-layout~="m-x:xxs"] {
  margin-left: var(--δ2) !important;
  margin-right: var(--δ2) !important;
}

[cds-layout~="m-y:xxs"] {
  margin-top: var(--δ2) !important;
  margin-bottom: var(--δ2) !important;
}

[cds-layout~="m-x:xs"] {
  margin-left: var(--δ3) !important;
  margin-right: var(--δ3) !important;
}

[cds-layout~="m-y:xs"] {
  margin-top: var(--δ3) !important;
  margin-bottom: var(--δ3) !important;
}

[cds-layout~="m-x:sm"] {
  margin-left: var(--δ4) !important;
  margin-right: var(--δ4) !important;
}

[cds-layout~="m-y:sm"] {
  margin-top: var(--δ4) !important;
  margin-bottom: var(--δ4) !important;
}

[cds-layout~="m-x:md"] {
  margin-left: var(--δ5) !important;
  margin-right: var(--δ5) !important;
}

[cds-layout~="m-y:md"] {
  margin-top: var(--δ5) !important;
  margin-bottom: var(--δ5) !important;
}

[cds-layout~="m-x:lg"] {
  margin-left: var(--δ6) !important;
  margin-right: var(--δ6) !important;
}

[cds-layout~="m-y:lg"] {
  margin-top: var(--δ6) !important;
  margin-bottom: var(--δ6) !important;
}

[cds-layout~="m-x:xl"] {
  margin-left: var(--δ7) !important;
  margin-right: var(--δ7) !important;
}

[cds-layout~="m-y:xl"] {
  margin-top: var(--δ7) !important;
  margin-bottom: var(--δ7) !important;
}

[cds-layout~="m-x:xxl"] {
  margin-left: var(--δ8) !important;
  margin-right: var(--δ8) !important;
}

[cds-layout~="m-y:xxl"] {
  margin-top: var(--δ8) !important;
  margin-bottom: var(--δ8) !important;
}

[cds-layout~="m-x:xxxl"] {
  margin-left: var(--δ9) !important;
  margin-right: var(--δ9) !important;
}

[cds-layout~="m-y:xxxl"] {
  margin-top: var(--δ9) !important;
  margin-bottom: var(--δ9) !important;
}

[cds-layout~="p-t:none"] {
  padding-top: 0 !important;
}

[cds-layout~="p-r:none"] {
  padding-right: 0 !important;
}

[cds-layout~="p-b:none"] {
  padding-bottom: 0 !important;
}

[cds-layout~="p-l:none"] {
  padding-left: 0 !important;
}

[cds-layout~="p-t:xxxs"] {
  padding-top: var(--δ1) !important;
}

[cds-layout~="p-r:xxxs"] {
  padding-right: var(--δ1) !important;
}

[cds-layout~="p-b:xxxs"] {
  padding-bottom: var(--δ1) !important;
}

[cds-layout~="p-l:xxxs"] {
  padding-left: var(--δ1) !important;
}

[cds-layout~="p-t:xxs"] {
  padding-top: var(--δ2) !important;
}

[cds-layout~="p-r:xxs"] {
  padding-right: var(--δ2) !important;
}

[cds-layout~="p-b:xxs"] {
  padding-bottom: var(--δ2) !important;
}

[cds-layout~="p-l:xxs"] {
  padding-left: var(--δ2) !important;
}

[cds-layout~="p-t:xs"] {
  padding-top: var(--δ3) !important;
}

[cds-layout~="p-r:xs"] {
  padding-right: var(--δ3) !important;
}

[cds-layout~="p-b:xs"] {
  padding-bottom: var(--δ3) !important;
}

[cds-layout~="p-l:xs"] {
  padding-left: var(--δ3) !important;
}

[cds-layout~="p-t:sm"] {
  padding-top: var(--δ4) !important;
}

[cds-layout~="p-r:sm"] {
  padding-right: var(--δ4) !important;
}

[cds-layout~="p-b:sm"] {
  padding-bottom: var(--δ4) !important;
}

[cds-layout~="p-l:sm"] {
  padding-left: var(--δ4) !important;
}

[cds-layout~="p-t:md"] {
  padding-top: var(--δ5) !important;
}

[cds-layout~="p-r:md"] {
  padding-right: var(--δ5) !important;
}

[cds-layout~="p-b:md"] {
  padding-bottom: var(--δ5) !important;
}

[cds-layout~="p-l:md"] {
  padding-left: var(--δ5) !important;
}

[cds-layout~="p-t:lg"] {
  padding-top: var(--δ6) !important;
}

[cds-layout~="p-r:lg"] {
  padding-right: var(--δ6) !important;
}

[cds-layout~="p-b:lg"] {
  padding-bottom: var(--δ6) !important;
}

[cds-layout~="p-l:lg"] {
  padding-left: var(--δ6) !important;
}

[cds-layout~="p-t:xl"] {
  padding-top: var(--δ7) !important;
}

[cds-layout~="p-r:xl"] {
  padding-right: var(--δ7) !important;
}

[cds-layout~="p-b:xl"] {
  padding-bottom: var(--δ7) !important;
}

[cds-layout~="p-l:xl"] {
  padding-left: var(--δ7) !important;
}

[cds-layout~="p-t:xxl"] {
  padding-top: var(--δ8) !important;
}

[cds-layout~="p-r:xxl"] {
  padding-right: var(--δ8) !important;
}

[cds-layout~="p-b:xxl"] {
  padding-bottom: var(--δ8) !important;
}

[cds-layout~="p-l:xxl"] {
  padding-left: var(--δ8) !important;
}

[cds-layout~="p-t:xxxl"] {
  padding-top: var(--δ9) !important;
}

[cds-layout~="p-r:xxxl"] {
  padding-right: var(--δ9) !important;
}

[cds-layout~="p-b:xxxl"] {
  padding-bottom: var(--δ9) !important;
}

[cds-layout~="p-l:xxxl"] {
  padding-left: var(--δ9) !important;
}

[cds-layout~="m-t:none"] {
  margin-top: 0 !important;
}

[cds-layout~="m-r:none"] {
  margin-right: 0 !important;
}

[cds-layout~="m-b:none"] {
  margin-bottom: 0 !important;
}

[cds-layout~="m-l:none"] {
  margin-left: 0 !important;
}

[cds-layout~="m-t:xxxs"] {
  margin-top: var(--δ1) !important;
}

[cds-layout~="m-r:xxxs"] {
  margin-right: var(--δ1) !important;
}

[cds-layout~="m-b:xxxs"] {
  margin-bottom: var(--δ1) !important;
}

[cds-layout~="m-l:xxxs"] {
  margin-left: var(--δ1) !important;
}

[cds-layout~="m-t:xxs"] {
  margin-top: var(--δ2) !important;
}

[cds-layout~="m-r:xxs"] {
  margin-right: var(--δ2) !important;
}

[cds-layout~="m-b:xxs"] {
  margin-bottom: var(--δ2) !important;
}

[cds-layout~="m-l:xxs"] {
  margin-left: var(--δ2) !important;
}

[cds-layout~="m-t:xs"] {
  margin-top: var(--δ3) !important;
}

[cds-layout~="m-r:xs"] {
  margin-right: var(--δ3) !important;
}

[cds-layout~="m-b:xs"] {
  margin-bottom: var(--δ3) !important;
}

[cds-layout~="m-l:xs"] {
  margin-left: var(--δ3) !important;
}

[cds-layout~="m-t:sm"] {
  margin-top: var(--δ4) !important;
}

[cds-layout~="m-r:sm"] {
  margin-right: var(--δ4) !important;
}

[cds-layout~="m-b:sm"] {
  margin-bottom: var(--δ4) !important;
}

[cds-layout~="m-l:sm"] {
  margin-left: var(--δ4) !important;
}

[cds-layout~="m-t:md"] {
  margin-top: var(--δ5) !important;
}

[cds-layout~="m-r:md"] {
  margin-right: var(--δ5) !important;
}

[cds-layout~="m-b:md"] {
  margin-bottom: var(--δ5) !important;
}

[cds-layout~="m-l:md"] {
  margin-left: var(--δ5) !important;
}

[cds-layout~="m-t:lg"] {
  margin-top: var(--δ6) !important;
}

[cds-layout~="m-r:lg"] {
  margin-right: var(--δ6) !important;
}

[cds-layout~="m-b:lg"] {
  margin-bottom: var(--δ6) !important;
}

[cds-layout~="m-l:lg"] {
  margin-left: var(--δ6) !important;
}

[cds-layout~="m-t:xl"] {
  margin-top: var(--δ7) !important;
}

[cds-layout~="m-r:xl"] {
  margin-right: var(--δ7) !important;
}

[cds-layout~="m-b:xl"] {
  margin-bottom: var(--δ7) !important;
}

[cds-layout~="m-l:xl"] {
  margin-left: var(--δ7) !important;
}

[cds-layout~="m-t:xxl"] {
  margin-top: var(--δ8) !important;
}

[cds-layout~="m-r:xxl"] {
  margin-right: var(--δ8) !important;
}

[cds-layout~="m-b:xxl"] {
  margin-bottom: var(--δ8) !important;
}

[cds-layout~="m-l:xxl"] {
  margin-left: var(--δ8) !important;
}

[cds-layout~="m-t:xxxl"] {
  margin-top: var(--δ9) !important;
}

[cds-layout~="m-r:xxxl"] {
  margin-right: var(--δ9) !important;
}

[cds-layout~="m-b:xxxl"] {
  margin-bottom: var(--δ9) !important;
}

[cds-layout~="m-l:xxxl"] {
  margin-left: var(--δ9) !important;
}

@media (min-width: 576px) {
  [cds-layout*="gap@xs:none"] {
    gap: 0;
  }

  [cds-layout*="gap@xs:xxxs"] {
    gap: var(--δ1);
  }

  [cds-layout*="gap@xs:xxs"] {
    gap: var(--δ2);
  }

  [cds-layout*="gap@xs:xs"] {
    gap: var(--δ3);
  }

  [cds-layout*="gap@xs:sm"] {
    gap: var(--δ4);
  }

  [cds-layout*="gap@xs:md"] {
    gap: var(--δ5);
  }

  [cds-layout*="gap@xs:lg"] {
    gap: var(--δ6);
  }

  [cds-layout*="gap@xs:xl"] {
    gap: var(--δ7);
  }

  [cds-layout*="gap@xs:xxl"] {
    gap: var(--δ8);
  }

  [cds-layout*="gap@xs:xxxl"] {
    gap: var(--δ9);
  }

  [cds-layout~="p@xs:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@xs:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@xs:xxxs"] {
    padding: var(--δ1) !important;
  }

  [cds-layout~="m@xs:xxxs"] {
    margin: var(--δ1) !important;
  }

  [cds-layout~="p@xs:xxs"] {
    padding: var(--δ2) !important;
  }

  [cds-layout~="m@xs:xxs"] {
    margin: var(--δ2) !important;
  }

  [cds-layout~="p@xs:xs"] {
    padding: var(--δ3) !important;
  }

  [cds-layout~="m@xs:xs"] {
    margin: var(--δ3) !important;
  }

  [cds-layout~="p@xs:sm"] {
    padding: var(--δ4) !important;
  }

  [cds-layout~="m@xs:sm"] {
    margin: var(--δ4) !important;
  }

  [cds-layout~="p@xs:md"] {
    padding: var(--δ5) !important;
  }

  [cds-layout~="m@xs:md"] {
    margin: var(--δ5) !important;
  }

  [cds-layout~="p@xs:lg"] {
    padding: var(--δ6) !important;
  }

  [cds-layout~="m@xs:lg"] {
    margin: var(--δ6) !important;
  }

  [cds-layout~="p@xs:xl"] {
    padding: var(--δ7) !important;
  }

  [cds-layout~="m@xs:xl"] {
    margin: var(--δ7) !important;
  }

  [cds-layout~="p@xs:xxl"] {
    padding: var(--δ8) !important;
  }

  [cds-layout~="m@xs:xxl"] {
    margin: var(--δ8) !important;
  }

  [cds-layout~="p@xs:xxxl"] {
    padding: var(--δ9) !important;
  }

  [cds-layout~="m@xs:xxxl"] {
    margin: var(--δ9) !important;
  }

  [cds-layout~="p-x@xs:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@xs:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@xs:xxxs"] {
    padding-left: var(--δ1) !important;
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-y@xs:xxxs"] {
    padding-top: var(--δ1) !important;
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-x@xs:xxs"] {
    padding-left: var(--δ2) !important;
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-y@xs:xxs"] {
    padding-top: var(--δ2) !important;
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-x@xs:xs"] {
    padding-left: var(--δ3) !important;
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-y@xs:xs"] {
    padding-top: var(--δ3) !important;
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-x@xs:sm"] {
    padding-left: var(--δ4) !important;
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-y@xs:sm"] {
    padding-top: var(--δ4) !important;
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-x@xs:md"] {
    padding-left: var(--δ5) !important;
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-y@xs:md"] {
    padding-top: var(--δ5) !important;
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-x@xs:lg"] {
    padding-left: var(--δ6) !important;
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-y@xs:lg"] {
    padding-top: var(--δ6) !important;
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-x@xs:xl"] {
    padding-left: var(--δ7) !important;
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-y@xs:xl"] {
    padding-top: var(--δ7) !important;
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-x@xs:xxl"] {
    padding-left: var(--δ8) !important;
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-y@xs:xxl"] {
    padding-top: var(--δ8) !important;
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-x@xs:xxxl"] {
    padding-left: var(--δ9) !important;
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-y@xs:xxxl"] {
    padding-top: var(--δ9) !important;
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-x@xs:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@xs:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@xs:xxxs"] {
    margin-left: var(--δ1) !important;
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-y@xs:xxxs"] {
    margin-top: var(--δ1) !important;
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-x@xs:xxs"] {
    margin-left: var(--δ2) !important;
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-y@xs:xxs"] {
    margin-top: var(--δ2) !important;
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-x@xs:xs"] {
    margin-left: var(--δ3) !important;
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-y@xs:xs"] {
    margin-top: var(--δ3) !important;
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-x@xs:sm"] {
    margin-left: var(--δ4) !important;
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-y@xs:sm"] {
    margin-top: var(--δ4) !important;
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-x@xs:md"] {
    margin-left: var(--δ5) !important;
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-y@xs:md"] {
    margin-top: var(--δ5) !important;
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-x@xs:lg"] {
    margin-left: var(--δ6) !important;
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-y@xs:lg"] {
    margin-top: var(--δ6) !important;
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-x@xs:xl"] {
    margin-left: var(--δ7) !important;
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-y@xs:xl"] {
    margin-top: var(--δ7) !important;
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-x@xs:xxl"] {
    margin-left: var(--δ8) !important;
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-y@xs:xxl"] {
    margin-top: var(--δ8) !important;
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-x@xs:xxxl"] {
    margin-left: var(--δ9) !important;
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-y@xs:xxxl"] {
    margin-top: var(--δ9) !important;
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-t@xs:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@xs:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@xs:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@xs:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@xs:xxxs"] {
    padding-top: var(--δ1) !important;
  }

  [cds-layout~="p-r@xs:xxxs"] {
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-b@xs:xxxs"] {
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-l@xs:xxxs"] {
    padding-left: var(--δ1) !important;
  }

  [cds-layout~="p-t@xs:xxs"] {
    padding-top: var(--δ2) !important;
  }

  [cds-layout~="p-r@xs:xxs"] {
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-b@xs:xxs"] {
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-l@xs:xxs"] {
    padding-left: var(--δ2) !important;
  }

  [cds-layout~="p-t@xs:xs"] {
    padding-top: var(--δ3) !important;
  }

  [cds-layout~="p-r@xs:xs"] {
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-b@xs:xs"] {
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-l@xs:xs"] {
    padding-left: var(--δ3) !important;
  }

  [cds-layout~="p-t@xs:sm"] {
    padding-top: var(--δ4) !important;
  }

  [cds-layout~="p-r@xs:sm"] {
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-b@xs:sm"] {
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-l@xs:sm"] {
    padding-left: var(--δ4) !important;
  }

  [cds-layout~="p-t@xs:md"] {
    padding-top: var(--δ5) !important;
  }

  [cds-layout~="p-r@xs:md"] {
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-b@xs:md"] {
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-l@xs:md"] {
    padding-left: var(--δ5) !important;
  }

  [cds-layout~="p-t@xs:lg"] {
    padding-top: var(--δ6) !important;
  }

  [cds-layout~="p-r@xs:lg"] {
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-b@xs:lg"] {
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-l@xs:lg"] {
    padding-left: var(--δ6) !important;
  }

  [cds-layout~="p-t@xs:xl"] {
    padding-top: var(--δ7) !important;
  }

  [cds-layout~="p-r@xs:xl"] {
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-b@xs:xl"] {
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-l@xs:xl"] {
    padding-left: var(--δ7) !important;
  }

  [cds-layout~="p-t@xs:xxl"] {
    padding-top: var(--δ8) !important;
  }

  [cds-layout~="p-r@xs:xxl"] {
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-b@xs:xxl"] {
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-l@xs:xxl"] {
    padding-left: var(--δ8) !important;
  }

  [cds-layout~="p-t@xs:xxxl"] {
    padding-top: var(--δ9) !important;
  }

  [cds-layout~="p-r@xs:xxxl"] {
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-b@xs:xxxl"] {
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-l@xs:xxxl"] {
    padding-left: var(--δ9) !important;
  }

  [cds-layout~="m-t@xs:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@xs:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@xs:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@xs:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@xs:xxxs"] {
    margin-top: var(--δ1) !important;
  }

  [cds-layout~="m-r@xs:xxxs"] {
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-b@xs:xxxs"] {
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-l@xs:xxxs"] {
    margin-left: var(--δ1) !important;
  }

  [cds-layout~="m-t@xs:xxs"] {
    margin-top: var(--δ2) !important;
  }

  [cds-layout~="m-r@xs:xxs"] {
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-b@xs:xxs"] {
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-l@xs:xxs"] {
    margin-left: var(--δ2) !important;
  }

  [cds-layout~="m-t@xs:xs"] {
    margin-top: var(--δ3) !important;
  }

  [cds-layout~="m-r@xs:xs"] {
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-b@xs:xs"] {
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-l@xs:xs"] {
    margin-left: var(--δ3) !important;
  }

  [cds-layout~="m-t@xs:sm"] {
    margin-top: var(--δ4) !important;
  }

  [cds-layout~="m-r@xs:sm"] {
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-b@xs:sm"] {
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-l@xs:sm"] {
    margin-left: var(--δ4) !important;
  }

  [cds-layout~="m-t@xs:md"] {
    margin-top: var(--δ5) !important;
  }

  [cds-layout~="m-r@xs:md"] {
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-b@xs:md"] {
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-l@xs:md"] {
    margin-left: var(--δ5) !important;
  }

  [cds-layout~="m-t@xs:lg"] {
    margin-top: var(--δ6) !important;
  }

  [cds-layout~="m-r@xs:lg"] {
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-b@xs:lg"] {
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-l@xs:lg"] {
    margin-left: var(--δ6) !important;
  }

  [cds-layout~="m-t@xs:xl"] {
    margin-top: var(--δ7) !important;
  }

  [cds-layout~="m-r@xs:xl"] {
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-b@xs:xl"] {
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-l@xs:xl"] {
    margin-left: var(--δ7) !important;
  }

  [cds-layout~="m-t@xs:xxl"] {
    margin-top: var(--δ8) !important;
  }

  [cds-layout~="m-r@xs:xxl"] {
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-b@xs:xxl"] {
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-l@xs:xxl"] {
    margin-left: var(--δ8) !important;
  }

  [cds-layout~="m-t@xs:xxxl"] {
    margin-top: var(--δ9) !important;
  }

  [cds-layout~="m-r@xs:xxxl"] {
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-b@xs:xxxl"] {
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-l@xs:xxxl"] {
    margin-left: var(--δ9) !important;
  }
}
@media (min-width: 768px) {
  [cds-layout*="gap@sm:none"] {
    gap: 0;
  }

  [cds-layout*="gap@sm:xxxs"] {
    gap: var(--δ1);
  }

  [cds-layout*="gap@sm:xxs"] {
    gap: var(--δ2);
  }

  [cds-layout*="gap@sm:xs"] {
    gap: var(--δ3);
  }

  [cds-layout*="gap@sm:sm"] {
    gap: var(--δ4);
  }

  [cds-layout*="gap@sm:md"] {
    gap: var(--δ5);
  }

  [cds-layout*="gap@sm:lg"] {
    gap: var(--δ6);
  }

  [cds-layout*="gap@sm:xl"] {
    gap: var(--δ7);
  }

  [cds-layout*="gap@sm:xxl"] {
    gap: var(--δ8);
  }

  [cds-layout*="gap@sm:xxxl"] {
    gap: var(--δ9);
  }

  [cds-layout~="p@sm:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@sm:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@sm:xxxs"] {
    padding: var(--δ1) !important;
  }

  [cds-layout~="m@sm:xxxs"] {
    margin: var(--δ1) !important;
  }

  [cds-layout~="p@sm:xxs"] {
    padding: var(--δ2) !important;
  }

  [cds-layout~="m@sm:xxs"] {
    margin: var(--δ2) !important;
  }

  [cds-layout~="p@sm:xs"] {
    padding: var(--δ3) !important;
  }

  [cds-layout~="m@sm:xs"] {
    margin: var(--δ3) !important;
  }

  [cds-layout~="p@sm:sm"] {
    padding: var(--δ4) !important;
  }

  [cds-layout~="m@sm:sm"] {
    margin: var(--δ4) !important;
  }

  [cds-layout~="p@sm:md"] {
    padding: var(--δ5) !important;
  }

  [cds-layout~="m@sm:md"] {
    margin: var(--δ5) !important;
  }

  [cds-layout~="p@sm:lg"] {
    padding: var(--δ6) !important;
  }

  [cds-layout~="m@sm:lg"] {
    margin: var(--δ6) !important;
  }

  [cds-layout~="p@sm:xl"] {
    padding: var(--δ7) !important;
  }

  [cds-layout~="m@sm:xl"] {
    margin: var(--δ7) !important;
  }

  [cds-layout~="p@sm:xxl"] {
    padding: var(--δ8) !important;
  }

  [cds-layout~="m@sm:xxl"] {
    margin: var(--δ8) !important;
  }

  [cds-layout~="p@sm:xxxl"] {
    padding: var(--δ9) !important;
  }

  [cds-layout~="m@sm:xxxl"] {
    margin: var(--δ9) !important;
  }

  [cds-layout~="p-x@sm:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@sm:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@sm:xxxs"] {
    padding-left: var(--δ1) !important;
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-y@sm:xxxs"] {
    padding-top: var(--δ1) !important;
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-x@sm:xxs"] {
    padding-left: var(--δ2) !important;
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-y@sm:xxs"] {
    padding-top: var(--δ2) !important;
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-x@sm:xs"] {
    padding-left: var(--δ3) !important;
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-y@sm:xs"] {
    padding-top: var(--δ3) !important;
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-x@sm:sm"] {
    padding-left: var(--δ4) !important;
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-y@sm:sm"] {
    padding-top: var(--δ4) !important;
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-x@sm:md"] {
    padding-left: var(--δ5) !important;
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-y@sm:md"] {
    padding-top: var(--δ5) !important;
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-x@sm:lg"] {
    padding-left: var(--δ6) !important;
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-y@sm:lg"] {
    padding-top: var(--δ6) !important;
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-x@sm:xl"] {
    padding-left: var(--δ7) !important;
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-y@sm:xl"] {
    padding-top: var(--δ7) !important;
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-x@sm:xxl"] {
    padding-left: var(--δ8) !important;
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-y@sm:xxl"] {
    padding-top: var(--δ8) !important;
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-x@sm:xxxl"] {
    padding-left: var(--δ9) !important;
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-y@sm:xxxl"] {
    padding-top: var(--δ9) !important;
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-x@sm:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@sm:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@sm:xxxs"] {
    margin-left: var(--δ1) !important;
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-y@sm:xxxs"] {
    margin-top: var(--δ1) !important;
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-x@sm:xxs"] {
    margin-left: var(--δ2) !important;
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-y@sm:xxs"] {
    margin-top: var(--δ2) !important;
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-x@sm:xs"] {
    margin-left: var(--δ3) !important;
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-y@sm:xs"] {
    margin-top: var(--δ3) !important;
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-x@sm:sm"] {
    margin-left: var(--δ4) !important;
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-y@sm:sm"] {
    margin-top: var(--δ4) !important;
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-x@sm:md"] {
    margin-left: var(--δ5) !important;
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-y@sm:md"] {
    margin-top: var(--δ5) !important;
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-x@sm:lg"] {
    margin-left: var(--δ6) !important;
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-y@sm:lg"] {
    margin-top: var(--δ6) !important;
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-x@sm:xl"] {
    margin-left: var(--δ7) !important;
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-y@sm:xl"] {
    margin-top: var(--δ7) !important;
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-x@sm:xxl"] {
    margin-left: var(--δ8) !important;
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-y@sm:xxl"] {
    margin-top: var(--δ8) !important;
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-x@sm:xxxl"] {
    margin-left: var(--δ9) !important;
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-y@sm:xxxl"] {
    margin-top: var(--δ9) !important;
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-t@sm:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@sm:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@sm:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@sm:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@sm:xxxs"] {
    padding-top: var(--δ1) !important;
  }

  [cds-layout~="p-r@sm:xxxs"] {
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-b@sm:xxxs"] {
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-l@sm:xxxs"] {
    padding-left: var(--δ1) !important;
  }

  [cds-layout~="p-t@sm:xxs"] {
    padding-top: var(--δ2) !important;
  }

  [cds-layout~="p-r@sm:xxs"] {
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-b@sm:xxs"] {
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-l@sm:xxs"] {
    padding-left: var(--δ2) !important;
  }

  [cds-layout~="p-t@sm:xs"] {
    padding-top: var(--δ3) !important;
  }

  [cds-layout~="p-r@sm:xs"] {
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-b@sm:xs"] {
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-l@sm:xs"] {
    padding-left: var(--δ3) !important;
  }

  [cds-layout~="p-t@sm:sm"] {
    padding-top: var(--δ4) !important;
  }

  [cds-layout~="p-r@sm:sm"] {
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-b@sm:sm"] {
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-l@sm:sm"] {
    padding-left: var(--δ4) !important;
  }

  [cds-layout~="p-t@sm:md"] {
    padding-top: var(--δ5) !important;
  }

  [cds-layout~="p-r@sm:md"] {
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-b@sm:md"] {
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-l@sm:md"] {
    padding-left: var(--δ5) !important;
  }

  [cds-layout~="p-t@sm:lg"] {
    padding-top: var(--δ6) !important;
  }

  [cds-layout~="p-r@sm:lg"] {
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-b@sm:lg"] {
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-l@sm:lg"] {
    padding-left: var(--δ6) !important;
  }

  [cds-layout~="p-t@sm:xl"] {
    padding-top: var(--δ7) !important;
  }

  [cds-layout~="p-r@sm:xl"] {
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-b@sm:xl"] {
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-l@sm:xl"] {
    padding-left: var(--δ7) !important;
  }

  [cds-layout~="p-t@sm:xxl"] {
    padding-top: var(--δ8) !important;
  }

  [cds-layout~="p-r@sm:xxl"] {
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-b@sm:xxl"] {
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-l@sm:xxl"] {
    padding-left: var(--δ8) !important;
  }

  [cds-layout~="p-t@sm:xxxl"] {
    padding-top: var(--δ9) !important;
  }

  [cds-layout~="p-r@sm:xxxl"] {
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-b@sm:xxxl"] {
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-l@sm:xxxl"] {
    padding-left: var(--δ9) !important;
  }

  [cds-layout~="m-t@sm:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@sm:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@sm:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@sm:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@sm:xxxs"] {
    margin-top: var(--δ1) !important;
  }

  [cds-layout~="m-r@sm:xxxs"] {
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-b@sm:xxxs"] {
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-l@sm:xxxs"] {
    margin-left: var(--δ1) !important;
  }

  [cds-layout~="m-t@sm:xxs"] {
    margin-top: var(--δ2) !important;
  }

  [cds-layout~="m-r@sm:xxs"] {
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-b@sm:xxs"] {
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-l@sm:xxs"] {
    margin-left: var(--δ2) !important;
  }

  [cds-layout~="m-t@sm:xs"] {
    margin-top: var(--δ3) !important;
  }

  [cds-layout~="m-r@sm:xs"] {
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-b@sm:xs"] {
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-l@sm:xs"] {
    margin-left: var(--δ3) !important;
  }

  [cds-layout~="m-t@sm:sm"] {
    margin-top: var(--δ4) !important;
  }

  [cds-layout~="m-r@sm:sm"] {
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-b@sm:sm"] {
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-l@sm:sm"] {
    margin-left: var(--δ4) !important;
  }

  [cds-layout~="m-t@sm:md"] {
    margin-top: var(--δ5) !important;
  }

  [cds-layout~="m-r@sm:md"] {
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-b@sm:md"] {
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-l@sm:md"] {
    margin-left: var(--δ5) !important;
  }

  [cds-layout~="m-t@sm:lg"] {
    margin-top: var(--δ6) !important;
  }

  [cds-layout~="m-r@sm:lg"] {
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-b@sm:lg"] {
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-l@sm:lg"] {
    margin-left: var(--δ6) !important;
  }

  [cds-layout~="m-t@sm:xl"] {
    margin-top: var(--δ7) !important;
  }

  [cds-layout~="m-r@sm:xl"] {
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-b@sm:xl"] {
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-l@sm:xl"] {
    margin-left: var(--δ7) !important;
  }

  [cds-layout~="m-t@sm:xxl"] {
    margin-top: var(--δ8) !important;
  }

  [cds-layout~="m-r@sm:xxl"] {
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-b@sm:xxl"] {
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-l@sm:xxl"] {
    margin-left: var(--δ8) !important;
  }

  [cds-layout~="m-t@sm:xxxl"] {
    margin-top: var(--δ9) !important;
  }

  [cds-layout~="m-r@sm:xxxl"] {
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-b@sm:xxxl"] {
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-l@sm:xxxl"] {
    margin-left: var(--δ9) !important;
  }
}
@media (min-width: 992px) {
  [cds-layout*="gap@md:none"] {
    gap: 0;
  }

  [cds-layout*="gap@md:xxxs"] {
    gap: var(--δ1);
  }

  [cds-layout*="gap@md:xxs"] {
    gap: var(--δ2);
  }

  [cds-layout*="gap@md:xs"] {
    gap: var(--δ3);
  }

  [cds-layout*="gap@md:sm"] {
    gap: var(--δ4);
  }

  [cds-layout*="gap@md:md"] {
    gap: var(--δ5);
  }

  [cds-layout*="gap@md:lg"] {
    gap: var(--δ6);
  }

  [cds-layout*="gap@md:xl"] {
    gap: var(--δ7);
  }

  [cds-layout*="gap@md:xxl"] {
    gap: var(--δ8);
  }

  [cds-layout*="gap@md:xxxl"] {
    gap: var(--δ9);
  }

  [cds-layout~="p@md:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@md:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@md:xxxs"] {
    padding: var(--δ1) !important;
  }

  [cds-layout~="m@md:xxxs"] {
    margin: var(--δ1) !important;
  }

  [cds-layout~="p@md:xxs"] {
    padding: var(--δ2) !important;
  }

  [cds-layout~="m@md:xxs"] {
    margin: var(--δ2) !important;
  }

  [cds-layout~="p@md:xs"] {
    padding: var(--δ3) !important;
  }

  [cds-layout~="m@md:xs"] {
    margin: var(--δ3) !important;
  }

  [cds-layout~="p@md:sm"] {
    padding: var(--δ4) !important;
  }

  [cds-layout~="m@md:sm"] {
    margin: var(--δ4) !important;
  }

  [cds-layout~="p@md:md"] {
    padding: var(--δ5) !important;
  }

  [cds-layout~="m@md:md"] {
    margin: var(--δ5) !important;
  }

  [cds-layout~="p@md:lg"] {
    padding: var(--δ6) !important;
  }

  [cds-layout~="m@md:lg"] {
    margin: var(--δ6) !important;
  }

  [cds-layout~="p@md:xl"] {
    padding: var(--δ7) !important;
  }

  [cds-layout~="m@md:xl"] {
    margin: var(--δ7) !important;
  }

  [cds-layout~="p@md:xxl"] {
    padding: var(--δ8) !important;
  }

  [cds-layout~="m@md:xxl"] {
    margin: var(--δ8) !important;
  }

  [cds-layout~="p@md:xxxl"] {
    padding: var(--δ9) !important;
  }

  [cds-layout~="m@md:xxxl"] {
    margin: var(--δ9) !important;
  }

  [cds-layout~="p-x@md:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@md:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@md:xxxs"] {
    padding-left: var(--δ1) !important;
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-y@md:xxxs"] {
    padding-top: var(--δ1) !important;
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-x@md:xxs"] {
    padding-left: var(--δ2) !important;
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-y@md:xxs"] {
    padding-top: var(--δ2) !important;
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-x@md:xs"] {
    padding-left: var(--δ3) !important;
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-y@md:xs"] {
    padding-top: var(--δ3) !important;
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-x@md:sm"] {
    padding-left: var(--δ4) !important;
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-y@md:sm"] {
    padding-top: var(--δ4) !important;
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-x@md:md"] {
    padding-left: var(--δ5) !important;
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-y@md:md"] {
    padding-top: var(--δ5) !important;
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-x@md:lg"] {
    padding-left: var(--δ6) !important;
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-y@md:lg"] {
    padding-top: var(--δ6) !important;
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-x@md:xl"] {
    padding-left: var(--δ7) !important;
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-y@md:xl"] {
    padding-top: var(--δ7) !important;
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-x@md:xxl"] {
    padding-left: var(--δ8) !important;
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-y@md:xxl"] {
    padding-top: var(--δ8) !important;
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-x@md:xxxl"] {
    padding-left: var(--δ9) !important;
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-y@md:xxxl"] {
    padding-top: var(--δ9) !important;
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-x@md:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@md:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@md:xxxs"] {
    margin-left: var(--δ1) !important;
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-y@md:xxxs"] {
    margin-top: var(--δ1) !important;
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-x@md:xxs"] {
    margin-left: var(--δ2) !important;
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-y@md:xxs"] {
    margin-top: var(--δ2) !important;
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-x@md:xs"] {
    margin-left: var(--δ3) !important;
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-y@md:xs"] {
    margin-top: var(--δ3) !important;
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-x@md:sm"] {
    margin-left: var(--δ4) !important;
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-y@md:sm"] {
    margin-top: var(--δ4) !important;
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-x@md:md"] {
    margin-left: var(--δ5) !important;
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-y@md:md"] {
    margin-top: var(--δ5) !important;
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-x@md:lg"] {
    margin-left: var(--δ6) !important;
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-y@md:lg"] {
    margin-top: var(--δ6) !important;
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-x@md:xl"] {
    margin-left: var(--δ7) !important;
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-y@md:xl"] {
    margin-top: var(--δ7) !important;
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-x@md:xxl"] {
    margin-left: var(--δ8) !important;
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-y@md:xxl"] {
    margin-top: var(--δ8) !important;
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-x@md:xxxl"] {
    margin-left: var(--δ9) !important;
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-y@md:xxxl"] {
    margin-top: var(--δ9) !important;
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-t@md:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@md:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@md:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@md:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@md:xxxs"] {
    padding-top: var(--δ1) !important;
  }

  [cds-layout~="p-r@md:xxxs"] {
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-b@md:xxxs"] {
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-l@md:xxxs"] {
    padding-left: var(--δ1) !important;
  }

  [cds-layout~="p-t@md:xxs"] {
    padding-top: var(--δ2) !important;
  }

  [cds-layout~="p-r@md:xxs"] {
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-b@md:xxs"] {
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-l@md:xxs"] {
    padding-left: var(--δ2) !important;
  }

  [cds-layout~="p-t@md:xs"] {
    padding-top: var(--δ3) !important;
  }

  [cds-layout~="p-r@md:xs"] {
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-b@md:xs"] {
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-l@md:xs"] {
    padding-left: var(--δ3) !important;
  }

  [cds-layout~="p-t@md:sm"] {
    padding-top: var(--δ4) !important;
  }

  [cds-layout~="p-r@md:sm"] {
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-b@md:sm"] {
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-l@md:sm"] {
    padding-left: var(--δ4) !important;
  }

  [cds-layout~="p-t@md:md"] {
    padding-top: var(--δ5) !important;
  }

  [cds-layout~="p-r@md:md"] {
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-b@md:md"] {
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-l@md:md"] {
    padding-left: var(--δ5) !important;
  }

  [cds-layout~="p-t@md:lg"] {
    padding-top: var(--δ6) !important;
  }

  [cds-layout~="p-r@md:lg"] {
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-b@md:lg"] {
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-l@md:lg"] {
    padding-left: var(--δ6) !important;
  }

  [cds-layout~="p-t@md:xl"] {
    padding-top: var(--δ7) !important;
  }

  [cds-layout~="p-r@md:xl"] {
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-b@md:xl"] {
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-l@md:xl"] {
    padding-left: var(--δ7) !important;
  }

  [cds-layout~="p-t@md:xxl"] {
    padding-top: var(--δ8) !important;
  }

  [cds-layout~="p-r@md:xxl"] {
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-b@md:xxl"] {
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-l@md:xxl"] {
    padding-left: var(--δ8) !important;
  }

  [cds-layout~="p-t@md:xxxl"] {
    padding-top: var(--δ9) !important;
  }

  [cds-layout~="p-r@md:xxxl"] {
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-b@md:xxxl"] {
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-l@md:xxxl"] {
    padding-left: var(--δ9) !important;
  }

  [cds-layout~="m-t@md:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@md:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@md:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@md:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@md:xxxs"] {
    margin-top: var(--δ1) !important;
  }

  [cds-layout~="m-r@md:xxxs"] {
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-b@md:xxxs"] {
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-l@md:xxxs"] {
    margin-left: var(--δ1) !important;
  }

  [cds-layout~="m-t@md:xxs"] {
    margin-top: var(--δ2) !important;
  }

  [cds-layout~="m-r@md:xxs"] {
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-b@md:xxs"] {
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-l@md:xxs"] {
    margin-left: var(--δ2) !important;
  }

  [cds-layout~="m-t@md:xs"] {
    margin-top: var(--δ3) !important;
  }

  [cds-layout~="m-r@md:xs"] {
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-b@md:xs"] {
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-l@md:xs"] {
    margin-left: var(--δ3) !important;
  }

  [cds-layout~="m-t@md:sm"] {
    margin-top: var(--δ4) !important;
  }

  [cds-layout~="m-r@md:sm"] {
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-b@md:sm"] {
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-l@md:sm"] {
    margin-left: var(--δ4) !important;
  }

  [cds-layout~="m-t@md:md"] {
    margin-top: var(--δ5) !important;
  }

  [cds-layout~="m-r@md:md"] {
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-b@md:md"] {
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-l@md:md"] {
    margin-left: var(--δ5) !important;
  }

  [cds-layout~="m-t@md:lg"] {
    margin-top: var(--δ6) !important;
  }

  [cds-layout~="m-r@md:lg"] {
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-b@md:lg"] {
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-l@md:lg"] {
    margin-left: var(--δ6) !important;
  }

  [cds-layout~="m-t@md:xl"] {
    margin-top: var(--δ7) !important;
  }

  [cds-layout~="m-r@md:xl"] {
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-b@md:xl"] {
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-l@md:xl"] {
    margin-left: var(--δ7) !important;
  }

  [cds-layout~="m-t@md:xxl"] {
    margin-top: var(--δ8) !important;
  }

  [cds-layout~="m-r@md:xxl"] {
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-b@md:xxl"] {
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-l@md:xxl"] {
    margin-left: var(--δ8) !important;
  }

  [cds-layout~="m-t@md:xxxl"] {
    margin-top: var(--δ9) !important;
  }

  [cds-layout~="m-r@md:xxxl"] {
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-b@md:xxxl"] {
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-l@md:xxxl"] {
    margin-left: var(--δ9) !important;
  }
}
@media (min-width: 1200px) {
  [cds-layout*="gap@lg:none"] {
    gap: 0;
  }

  [cds-layout*="gap@lg:xxxs"] {
    gap: var(--δ1);
  }

  [cds-layout*="gap@lg:xxs"] {
    gap: var(--δ2);
  }

  [cds-layout*="gap@lg:xs"] {
    gap: var(--δ3);
  }

  [cds-layout*="gap@lg:sm"] {
    gap: var(--δ4);
  }

  [cds-layout*="gap@lg:md"] {
    gap: var(--δ5);
  }

  [cds-layout*="gap@lg:lg"] {
    gap: var(--δ6);
  }

  [cds-layout*="gap@lg:xl"] {
    gap: var(--δ7);
  }

  [cds-layout*="gap@lg:xxl"] {
    gap: var(--δ8);
  }

  [cds-layout*="gap@lg:xxxl"] {
    gap: var(--δ9);
  }

  [cds-layout~="p@lg:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@lg:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@lg:xxxs"] {
    padding: var(--δ1) !important;
  }

  [cds-layout~="m@lg:xxxs"] {
    margin: var(--δ1) !important;
  }

  [cds-layout~="p@lg:xxs"] {
    padding: var(--δ2) !important;
  }

  [cds-layout~="m@lg:xxs"] {
    margin: var(--δ2) !important;
  }

  [cds-layout~="p@lg:xs"] {
    padding: var(--δ3) !important;
  }

  [cds-layout~="m@lg:xs"] {
    margin: var(--δ3) !important;
  }

  [cds-layout~="p@lg:sm"] {
    padding: var(--δ4) !important;
  }

  [cds-layout~="m@lg:sm"] {
    margin: var(--δ4) !important;
  }

  [cds-layout~="p@lg:md"] {
    padding: var(--δ5) !important;
  }

  [cds-layout~="m@lg:md"] {
    margin: var(--δ5) !important;
  }

  [cds-layout~="p@lg:lg"] {
    padding: var(--δ6) !important;
  }

  [cds-layout~="m@lg:lg"] {
    margin: var(--δ6) !important;
  }

  [cds-layout~="p@lg:xl"] {
    padding: var(--δ7) !important;
  }

  [cds-layout~="m@lg:xl"] {
    margin: var(--δ7) !important;
  }

  [cds-layout~="p@lg:xxl"] {
    padding: var(--δ8) !important;
  }

  [cds-layout~="m@lg:xxl"] {
    margin: var(--δ8) !important;
  }

  [cds-layout~="p@lg:xxxl"] {
    padding: var(--δ9) !important;
  }

  [cds-layout~="m@lg:xxxl"] {
    margin: var(--δ9) !important;
  }

  [cds-layout~="p-x@lg:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@lg:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@lg:xxxs"] {
    padding-left: var(--δ1) !important;
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-y@lg:xxxs"] {
    padding-top: var(--δ1) !important;
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-x@lg:xxs"] {
    padding-left: var(--δ2) !important;
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-y@lg:xxs"] {
    padding-top: var(--δ2) !important;
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-x@lg:xs"] {
    padding-left: var(--δ3) !important;
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-y@lg:xs"] {
    padding-top: var(--δ3) !important;
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-x@lg:sm"] {
    padding-left: var(--δ4) !important;
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-y@lg:sm"] {
    padding-top: var(--δ4) !important;
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-x@lg:md"] {
    padding-left: var(--δ5) !important;
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-y@lg:md"] {
    padding-top: var(--δ5) !important;
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-x@lg:lg"] {
    padding-left: var(--δ6) !important;
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-y@lg:lg"] {
    padding-top: var(--δ6) !important;
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-x@lg:xl"] {
    padding-left: var(--δ7) !important;
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-y@lg:xl"] {
    padding-top: var(--δ7) !important;
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-x@lg:xxl"] {
    padding-left: var(--δ8) !important;
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-y@lg:xxl"] {
    padding-top: var(--δ8) !important;
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-x@lg:xxxl"] {
    padding-left: var(--δ9) !important;
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-y@lg:xxxl"] {
    padding-top: var(--δ9) !important;
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-x@lg:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@lg:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@lg:xxxs"] {
    margin-left: var(--δ1) !important;
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-y@lg:xxxs"] {
    margin-top: var(--δ1) !important;
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-x@lg:xxs"] {
    margin-left: var(--δ2) !important;
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-y@lg:xxs"] {
    margin-top: var(--δ2) !important;
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-x@lg:xs"] {
    margin-left: var(--δ3) !important;
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-y@lg:xs"] {
    margin-top: var(--δ3) !important;
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-x@lg:sm"] {
    margin-left: var(--δ4) !important;
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-y@lg:sm"] {
    margin-top: var(--δ4) !important;
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-x@lg:md"] {
    margin-left: var(--δ5) !important;
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-y@lg:md"] {
    margin-top: var(--δ5) !important;
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-x@lg:lg"] {
    margin-left: var(--δ6) !important;
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-y@lg:lg"] {
    margin-top: var(--δ6) !important;
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-x@lg:xl"] {
    margin-left: var(--δ7) !important;
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-y@lg:xl"] {
    margin-top: var(--δ7) !important;
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-x@lg:xxl"] {
    margin-left: var(--δ8) !important;
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-y@lg:xxl"] {
    margin-top: var(--δ8) !important;
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-x@lg:xxxl"] {
    margin-left: var(--δ9) !important;
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-y@lg:xxxl"] {
    margin-top: var(--δ9) !important;
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-t@lg:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@lg:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@lg:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@lg:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@lg:xxxs"] {
    padding-top: var(--δ1) !important;
  }

  [cds-layout~="p-r@lg:xxxs"] {
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-b@lg:xxxs"] {
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-l@lg:xxxs"] {
    padding-left: var(--δ1) !important;
  }

  [cds-layout~="p-t@lg:xxs"] {
    padding-top: var(--δ2) !important;
  }

  [cds-layout~="p-r@lg:xxs"] {
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-b@lg:xxs"] {
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-l@lg:xxs"] {
    padding-left: var(--δ2) !important;
  }

  [cds-layout~="p-t@lg:xs"] {
    padding-top: var(--δ3) !important;
  }

  [cds-layout~="p-r@lg:xs"] {
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-b@lg:xs"] {
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-l@lg:xs"] {
    padding-left: var(--δ3) !important;
  }

  [cds-layout~="p-t@lg:sm"] {
    padding-top: var(--δ4) !important;
  }

  [cds-layout~="p-r@lg:sm"] {
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-b@lg:sm"] {
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-l@lg:sm"] {
    padding-left: var(--δ4) !important;
  }

  [cds-layout~="p-t@lg:md"] {
    padding-top: var(--δ5) !important;
  }

  [cds-layout~="p-r@lg:md"] {
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-b@lg:md"] {
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-l@lg:md"] {
    padding-left: var(--δ5) !important;
  }

  [cds-layout~="p-t@lg:lg"] {
    padding-top: var(--δ6) !important;
  }

  [cds-layout~="p-r@lg:lg"] {
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-b@lg:lg"] {
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-l@lg:lg"] {
    padding-left: var(--δ6) !important;
  }

  [cds-layout~="p-t@lg:xl"] {
    padding-top: var(--δ7) !important;
  }

  [cds-layout~="p-r@lg:xl"] {
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-b@lg:xl"] {
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-l@lg:xl"] {
    padding-left: var(--δ7) !important;
  }

  [cds-layout~="p-t@lg:xxl"] {
    padding-top: var(--δ8) !important;
  }

  [cds-layout~="p-r@lg:xxl"] {
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-b@lg:xxl"] {
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-l@lg:xxl"] {
    padding-left: var(--δ8) !important;
  }

  [cds-layout~="p-t@lg:xxxl"] {
    padding-top: var(--δ9) !important;
  }

  [cds-layout~="p-r@lg:xxxl"] {
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-b@lg:xxxl"] {
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-l@lg:xxxl"] {
    padding-left: var(--δ9) !important;
  }

  [cds-layout~="m-t@lg:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@lg:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@lg:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@lg:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@lg:xxxs"] {
    margin-top: var(--δ1) !important;
  }

  [cds-layout~="m-r@lg:xxxs"] {
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-b@lg:xxxs"] {
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-l@lg:xxxs"] {
    margin-left: var(--δ1) !important;
  }

  [cds-layout~="m-t@lg:xxs"] {
    margin-top: var(--δ2) !important;
  }

  [cds-layout~="m-r@lg:xxs"] {
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-b@lg:xxs"] {
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-l@lg:xxs"] {
    margin-left: var(--δ2) !important;
  }

  [cds-layout~="m-t@lg:xs"] {
    margin-top: var(--δ3) !important;
  }

  [cds-layout~="m-r@lg:xs"] {
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-b@lg:xs"] {
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-l@lg:xs"] {
    margin-left: var(--δ3) !important;
  }

  [cds-layout~="m-t@lg:sm"] {
    margin-top: var(--δ4) !important;
  }

  [cds-layout~="m-r@lg:sm"] {
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-b@lg:sm"] {
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-l@lg:sm"] {
    margin-left: var(--δ4) !important;
  }

  [cds-layout~="m-t@lg:md"] {
    margin-top: var(--δ5) !important;
  }

  [cds-layout~="m-r@lg:md"] {
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-b@lg:md"] {
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-l@lg:md"] {
    margin-left: var(--δ5) !important;
  }

  [cds-layout~="m-t@lg:lg"] {
    margin-top: var(--δ6) !important;
  }

  [cds-layout~="m-r@lg:lg"] {
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-b@lg:lg"] {
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-l@lg:lg"] {
    margin-left: var(--δ6) !important;
  }

  [cds-layout~="m-t@lg:xl"] {
    margin-top: var(--δ7) !important;
  }

  [cds-layout~="m-r@lg:xl"] {
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-b@lg:xl"] {
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-l@lg:xl"] {
    margin-left: var(--δ7) !important;
  }

  [cds-layout~="m-t@lg:xxl"] {
    margin-top: var(--δ8) !important;
  }

  [cds-layout~="m-r@lg:xxl"] {
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-b@lg:xxl"] {
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-l@lg:xxl"] {
    margin-left: var(--δ8) !important;
  }

  [cds-layout~="m-t@lg:xxxl"] {
    margin-top: var(--δ9) !important;
  }

  [cds-layout~="m-r@lg:xxxl"] {
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-b@lg:xxxl"] {
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-l@lg:xxxl"] {
    margin-left: var(--δ9) !important;
  }
}
@media (min-width: 1440px) {
  [cds-layout*="gap@xl:none"] {
    gap: 0;
  }

  [cds-layout*="gap@xl:xxxs"] {
    gap: var(--δ1);
  }

  [cds-layout*="gap@xl:xxs"] {
    gap: var(--δ2);
  }

  [cds-layout*="gap@xl:xs"] {
    gap: var(--δ3);
  }

  [cds-layout*="gap@xl:sm"] {
    gap: var(--δ4);
  }

  [cds-layout*="gap@xl:md"] {
    gap: var(--δ5);
  }

  [cds-layout*="gap@xl:lg"] {
    gap: var(--δ6);
  }

  [cds-layout*="gap@xl:xl"] {
    gap: var(--δ7);
  }

  [cds-layout*="gap@xl:xxl"] {
    gap: var(--δ8);
  }

  [cds-layout*="gap@xl:xxxl"] {
    gap: var(--δ9);
  }

  [cds-layout~="p@xl:none"] {
    padding: 0 !important;
  }

  [cds-layout~="m@xl:none"] {
    margin: 0 !important;
  }

  [cds-layout~="p@xl:xxxs"] {
    padding: var(--δ1) !important;
  }

  [cds-layout~="m@xl:xxxs"] {
    margin: var(--δ1) !important;
  }

  [cds-layout~="p@xl:xxs"] {
    padding: var(--δ2) !important;
  }

  [cds-layout~="m@xl:xxs"] {
    margin: var(--δ2) !important;
  }

  [cds-layout~="p@xl:xs"] {
    padding: var(--δ3) !important;
  }

  [cds-layout~="m@xl:xs"] {
    margin: var(--δ3) !important;
  }

  [cds-layout~="p@xl:sm"] {
    padding: var(--δ4) !important;
  }

  [cds-layout~="m@xl:sm"] {
    margin: var(--δ4) !important;
  }

  [cds-layout~="p@xl:md"] {
    padding: var(--δ5) !important;
  }

  [cds-layout~="m@xl:md"] {
    margin: var(--δ5) !important;
  }

  [cds-layout~="p@xl:lg"] {
    padding: var(--δ6) !important;
  }

  [cds-layout~="m@xl:lg"] {
    margin: var(--δ6) !important;
  }

  [cds-layout~="p@xl:xl"] {
    padding: var(--δ7) !important;
  }

  [cds-layout~="m@xl:xl"] {
    margin: var(--δ7) !important;
  }

  [cds-layout~="p@xl:xxl"] {
    padding: var(--δ8) !important;
  }

  [cds-layout~="m@xl:xxl"] {
    margin: var(--δ8) !important;
  }

  [cds-layout~="p@xl:xxxl"] {
    padding: var(--δ9) !important;
  }

  [cds-layout~="m@xl:xxxl"] {
    margin: var(--δ9) !important;
  }

  [cds-layout~="p-x@xl:none"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [cds-layout~="p-y@xl:none"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-x@xl:xxxs"] {
    padding-left: var(--δ1) !important;
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-y@xl:xxxs"] {
    padding-top: var(--δ1) !important;
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-x@xl:xxs"] {
    padding-left: var(--δ2) !important;
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-y@xl:xxs"] {
    padding-top: var(--δ2) !important;
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-x@xl:xs"] {
    padding-left: var(--δ3) !important;
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-y@xl:xs"] {
    padding-top: var(--δ3) !important;
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-x@xl:sm"] {
    padding-left: var(--δ4) !important;
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-y@xl:sm"] {
    padding-top: var(--δ4) !important;
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-x@xl:md"] {
    padding-left: var(--δ5) !important;
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-y@xl:md"] {
    padding-top: var(--δ5) !important;
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-x@xl:lg"] {
    padding-left: var(--δ6) !important;
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-y@xl:lg"] {
    padding-top: var(--δ6) !important;
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-x@xl:xl"] {
    padding-left: var(--δ7) !important;
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-y@xl:xl"] {
    padding-top: var(--δ7) !important;
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-x@xl:xxl"] {
    padding-left: var(--δ8) !important;
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-y@xl:xxl"] {
    padding-top: var(--δ8) !important;
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-x@xl:xxxl"] {
    padding-left: var(--δ9) !important;
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-y@xl:xxxl"] {
    padding-top: var(--δ9) !important;
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-x@xl:none"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [cds-layout~="m-y@xl:none"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-x@xl:xxxs"] {
    margin-left: var(--δ1) !important;
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-y@xl:xxxs"] {
    margin-top: var(--δ1) !important;
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-x@xl:xxs"] {
    margin-left: var(--δ2) !important;
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-y@xl:xxs"] {
    margin-top: var(--δ2) !important;
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-x@xl:xs"] {
    margin-left: var(--δ3) !important;
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-y@xl:xs"] {
    margin-top: var(--δ3) !important;
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-x@xl:sm"] {
    margin-left: var(--δ4) !important;
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-y@xl:sm"] {
    margin-top: var(--δ4) !important;
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-x@xl:md"] {
    margin-left: var(--δ5) !important;
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-y@xl:md"] {
    margin-top: var(--δ5) !important;
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-x@xl:lg"] {
    margin-left: var(--δ6) !important;
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-y@xl:lg"] {
    margin-top: var(--δ6) !important;
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-x@xl:xl"] {
    margin-left: var(--δ7) !important;
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-y@xl:xl"] {
    margin-top: var(--δ7) !important;
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-x@xl:xxl"] {
    margin-left: var(--δ8) !important;
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-y@xl:xxl"] {
    margin-top: var(--δ8) !important;
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-x@xl:xxxl"] {
    margin-left: var(--δ9) !important;
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-y@xl:xxxl"] {
    margin-top: var(--δ9) !important;
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-t@xl:none"] {
    padding-top: 0 !important;
  }

  [cds-layout~="p-r@xl:none"] {
    padding-right: 0 !important;
  }

  [cds-layout~="p-b@xl:none"] {
    padding-bottom: 0 !important;
  }

  [cds-layout~="p-l@xl:none"] {
    padding-left: 0 !important;
  }

  [cds-layout~="p-t@xl:xxxs"] {
    padding-top: var(--δ1) !important;
  }

  [cds-layout~="p-r@xl:xxxs"] {
    padding-right: var(--δ1) !important;
  }

  [cds-layout~="p-b@xl:xxxs"] {
    padding-bottom: var(--δ1) !important;
  }

  [cds-layout~="p-l@xl:xxxs"] {
    padding-left: var(--δ1) !important;
  }

  [cds-layout~="p-t@xl:xxs"] {
    padding-top: var(--δ2) !important;
  }

  [cds-layout~="p-r@xl:xxs"] {
    padding-right: var(--δ2) !important;
  }

  [cds-layout~="p-b@xl:xxs"] {
    padding-bottom: var(--δ2) !important;
  }

  [cds-layout~="p-l@xl:xxs"] {
    padding-left: var(--δ2) !important;
  }

  [cds-layout~="p-t@xl:xs"] {
    padding-top: var(--δ3) !important;
  }

  [cds-layout~="p-r@xl:xs"] {
    padding-right: var(--δ3) !important;
  }

  [cds-layout~="p-b@xl:xs"] {
    padding-bottom: var(--δ3) !important;
  }

  [cds-layout~="p-l@xl:xs"] {
    padding-left: var(--δ3) !important;
  }

  [cds-layout~="p-t@xl:sm"] {
    padding-top: var(--δ4) !important;
  }

  [cds-layout~="p-r@xl:sm"] {
    padding-right: var(--δ4) !important;
  }

  [cds-layout~="p-b@xl:sm"] {
    padding-bottom: var(--δ4) !important;
  }

  [cds-layout~="p-l@xl:sm"] {
    padding-left: var(--δ4) !important;
  }

  [cds-layout~="p-t@xl:md"] {
    padding-top: var(--δ5) !important;
  }

  [cds-layout~="p-r@xl:md"] {
    padding-right: var(--δ5) !important;
  }

  [cds-layout~="p-b@xl:md"] {
    padding-bottom: var(--δ5) !important;
  }

  [cds-layout~="p-l@xl:md"] {
    padding-left: var(--δ5) !important;
  }

  [cds-layout~="p-t@xl:lg"] {
    padding-top: var(--δ6) !important;
  }

  [cds-layout~="p-r@xl:lg"] {
    padding-right: var(--δ6) !important;
  }

  [cds-layout~="p-b@xl:lg"] {
    padding-bottom: var(--δ6) !important;
  }

  [cds-layout~="p-l@xl:lg"] {
    padding-left: var(--δ6) !important;
  }

  [cds-layout~="p-t@xl:xl"] {
    padding-top: var(--δ7) !important;
  }

  [cds-layout~="p-r@xl:xl"] {
    padding-right: var(--δ7) !important;
  }

  [cds-layout~="p-b@xl:xl"] {
    padding-bottom: var(--δ7) !important;
  }

  [cds-layout~="p-l@xl:xl"] {
    padding-left: var(--δ7) !important;
  }

  [cds-layout~="p-t@xl:xxl"] {
    padding-top: var(--δ8) !important;
  }

  [cds-layout~="p-r@xl:xxl"] {
    padding-right: var(--δ8) !important;
  }

  [cds-layout~="p-b@xl:xxl"] {
    padding-bottom: var(--δ8) !important;
  }

  [cds-layout~="p-l@xl:xxl"] {
    padding-left: var(--δ8) !important;
  }

  [cds-layout~="p-t@xl:xxxl"] {
    padding-top: var(--δ9) !important;
  }

  [cds-layout~="p-r@xl:xxxl"] {
    padding-right: var(--δ9) !important;
  }

  [cds-layout~="p-b@xl:xxxl"] {
    padding-bottom: var(--δ9) !important;
  }

  [cds-layout~="p-l@xl:xxxl"] {
    padding-left: var(--δ9) !important;
  }

  [cds-layout~="m-t@xl:none"] {
    margin-top: 0 !important;
  }

  [cds-layout~="m-r@xl:none"] {
    margin-right: 0 !important;
  }

  [cds-layout~="m-b@xl:none"] {
    margin-bottom: 0 !important;
  }

  [cds-layout~="m-l@xl:none"] {
    margin-left: 0 !important;
  }

  [cds-layout~="m-t@xl:xxxs"] {
    margin-top: var(--δ1) !important;
  }

  [cds-layout~="m-r@xl:xxxs"] {
    margin-right: var(--δ1) !important;
  }

  [cds-layout~="m-b@xl:xxxs"] {
    margin-bottom: var(--δ1) !important;
  }

  [cds-layout~="m-l@xl:xxxs"] {
    margin-left: var(--δ1) !important;
  }

  [cds-layout~="m-t@xl:xxs"] {
    margin-top: var(--δ2) !important;
  }

  [cds-layout~="m-r@xl:xxs"] {
    margin-right: var(--δ2) !important;
  }

  [cds-layout~="m-b@xl:xxs"] {
    margin-bottom: var(--δ2) !important;
  }

  [cds-layout~="m-l@xl:xxs"] {
    margin-left: var(--δ2) !important;
  }

  [cds-layout~="m-t@xl:xs"] {
    margin-top: var(--δ3) !important;
  }

  [cds-layout~="m-r@xl:xs"] {
    margin-right: var(--δ3) !important;
  }

  [cds-layout~="m-b@xl:xs"] {
    margin-bottom: var(--δ3) !important;
  }

  [cds-layout~="m-l@xl:xs"] {
    margin-left: var(--δ3) !important;
  }

  [cds-layout~="m-t@xl:sm"] {
    margin-top: var(--δ4) !important;
  }

  [cds-layout~="m-r@xl:sm"] {
    margin-right: var(--δ4) !important;
  }

  [cds-layout~="m-b@xl:sm"] {
    margin-bottom: var(--δ4) !important;
  }

  [cds-layout~="m-l@xl:sm"] {
    margin-left: var(--δ4) !important;
  }

  [cds-layout~="m-t@xl:md"] {
    margin-top: var(--δ5) !important;
  }

  [cds-layout~="m-r@xl:md"] {
    margin-right: var(--δ5) !important;
  }

  [cds-layout~="m-b@xl:md"] {
    margin-bottom: var(--δ5) !important;
  }

  [cds-layout~="m-l@xl:md"] {
    margin-left: var(--δ5) !important;
  }

  [cds-layout~="m-t@xl:lg"] {
    margin-top: var(--δ6) !important;
  }

  [cds-layout~="m-r@xl:lg"] {
    margin-right: var(--δ6) !important;
  }

  [cds-layout~="m-b@xl:lg"] {
    margin-bottom: var(--δ6) !important;
  }

  [cds-layout~="m-l@xl:lg"] {
    margin-left: var(--δ6) !important;
  }

  [cds-layout~="m-t@xl:xl"] {
    margin-top: var(--δ7) !important;
  }

  [cds-layout~="m-r@xl:xl"] {
    margin-right: var(--δ7) !important;
  }

  [cds-layout~="m-b@xl:xl"] {
    margin-bottom: var(--δ7) !important;
  }

  [cds-layout~="m-l@xl:xl"] {
    margin-left: var(--δ7) !important;
  }

  [cds-layout~="m-t@xl:xxl"] {
    margin-top: var(--δ8) !important;
  }

  [cds-layout~="m-r@xl:xxl"] {
    margin-right: var(--δ8) !important;
  }

  [cds-layout~="m-b@xl:xxl"] {
    margin-bottom: var(--δ8) !important;
  }

  [cds-layout~="m-l@xl:xxl"] {
    margin-left: var(--δ8) !important;
  }

  [cds-layout~="m-t@xl:xxxl"] {
    margin-top: var(--δ9) !important;
  }

  [cds-layout~="m-r@xl:xxxl"] {
    margin-right: var(--δ9) !important;
  }

  [cds-layout~="m-b@xl:xxxl"] {
    margin-bottom: var(--δ9) !important;
  }

  [cds-layout~="m-l@xl:xxxl"] {
    margin-left: var(--δ9) !important;
  }
}
/*
 * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
[cds-layout=no-scrolling] {
  overflow: hidden !important;
}

[cds-layout~=fill],
[cds-layout~="container:fill"] {
  width: 100% !important;
}

[cds-layout~="container:center"] {
  margin-left: auto;
  margin-right: auto;
}

[cds-layout~="container:xs"] {
  width: 100%;
  max-width: var(--cds-global-layout-width-xs, 576px);
}

[cds-layout~="container:sm"] {
  width: 100%;
  max-width: var(--cds-global-layout-width-sm, 768px);
}

[cds-layout~="container:md"] {
  width: 100%;
  max-width: var(--cds-global-layout-width-md, 992px);
}

[cds-layout~="container:lg"] {
  width: 100%;
  max-width: var(--cds-global-layout-width-lg, 1200px);
}

[cds-layout~="container:xl"] {
  width: 100%;
  max-width: var(--cds-global-layout-width-xl, 1440px);
}

*,
*:before,
*:after,
:host {
  box-sizing: border-box;
}